body {
  background: #16A085;
}

.header {
  margin-top: .5em;
  padding: 0px !important;
  text-align: center;
}

.pull-right {
  float: none !important;
}

.main {
  background: #FFF;
  border-radius: 1em;
  margin-top: 1em;
}

.nav {
  margin: 0px auto;
}

.navbar-brand {
  margin-top: -3px;
}

.content {
  margin-top: 40px;
  margin-bottom: 40px;
}

.panels li {
  background: #EAEAEA;
  border-radius: 3px;
  padding: 0.5em;
  margin: 1em;
}

.share-links {
  list-style-type: none;
  text-align: center;
  margin: 0px auto 1em auto;
}

.share-links a {
  text-decoration: none;
  border: none;
  margin: 0px 1em;
  font-size: 1.5em;
}

.share-links span {
  display: inline;
}

a {
  color: #1ABC9C !important;
  text-decoration: none;
}

a:hover {
  color: #333 !important;
}

a.btn {
  color: #FFF !important;
}

a.list-group-item {
  color: #FFF !important;
}

a.list-group-item:hover {
  color: #3498DB !important;
}

.button-prev {
  margin-right: 1em;
}

h2 {
  font-size: 1.7em;
}

h3 {
  font-size: 1.5em;
}

p {
  color: #666;
}

form {
  background: #EBEBEB;
  padding: 1em;
  border-radius: 1em;
  width: 60%;
  margin: 0px auto;
}

form label {
  font-size: 1em;
  font-weight: bold;
  color: #16A085;
}

code {
  word-wrap: break-word;
}

pre {
  color: cornflowerblue;
}

.asideNote {
  background: #FFF;
  border: 2px solid #1ABC9C;
  color: #1ABC9C;
  border-radius: 3px;
  padding: 0.5em;
  margin: 1em;
}

ol, ul {
  padding-left: 20px;
}

.container {
  word-wrap: break-word;
  max-width: 900px;
}

.headTitle {
  font-size: 2em;
  margin-top: 0px;
}

.large-ionicon {
  font-size: 2em;
}

.blue {
  color: cornflowerblue;
}

.salmon {
  color: salmon;
}

.green {
  color: #27AE60;
}

.blueFont { color: cornflowerblue; }
.salmonFont { color: salmon; }
.grayFont { color: #666; }
.greenFont { color: #13bf5a; }
.brownFont { color: #8c4d00; }
.redFont { color: #C41A16; }

.btn-primary:hover {
  color: #16A085;
}

nav.footer {
  padding-bottom: 1em;
}

footer .btn-group {
  margin: 0px 1em;
}

.right {
  float: right;
}

.license {
  text-align: center;
}

.license a {
  margin-right: 2em;
}

a {
  border-bottom: dotted 1px #1ABC9C;
}

.nav-pills a {
  border-bottom: none;
}

a.list-group-item:hover {
  background: #F5F5F5;
}

a.list-group-item {
  background: #3498DB;
  color: #FFF;
  border: 1px solid #2980B9;
}

.tryIt {
  background: #34495E;
  padding: 0.5em;
  margin: 1em 0px;
  color: #BDC3C7;
  border-radius: 3px;
}

.projButtons, .center {
  text-align: center;
}

.projButtons {
  margin-bottom:0.5em;
}

/*make button info accessible*/
.btn-label {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: block;
}

@media all and (min-width: 500px) {
  .content {
    margin: 40px;
  }

  .pull-right {
    float: right !important;
  }

  form label {
    font-size: 2em;
  }

  h2 {
    font-size: 53px;
  }

  h3{
    font-size: 40px;
  }

  .header {
    text-align: left;
  }
}

@media print {

  h1, h2, h3 {
    font-size: 1.5em;
  }

}