/* Layout */

h1 {
  text-transform: uppercase;
}

.logo {
  background-image:url("../img/logo.png");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  width:200px;
}

.fit-img {
  width:80%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fb-link:hover {
  text-decoration:none;
}

.fa.fa-facebook-square {
  font-size:15px;
  padding-right:5px;
}

.navbar-brand{
  height: 70px;
}

.navbar-default {
    background-image: -webkit-linear-gradient(bottom,#fff 0,#aac9dd 100%);
    background-image: -o-linear-gradient(bottom,#fff 0,#aac9dd 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#aac9dd));
    background-image: linear-gradient(to top,#fff 0,#aac9dd 100%);
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color:#000;
  background:#aac9dd;
}


@media (max-width:767px) {
  .fb-link {
    padding-left:0px;
    margin-left:-7px;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:0px;
    font-size: 13px;
  }

  .navbar-default .navbar-nav > li > a {
    padding-top:5px;
    padding-bottom:5px;
  }

  .navbar-default .navbar-nav{
    margin-bottom:0px;
  }
}
@media (min-width:767px) {
  .navbar-default .navbar-nav > li > a {
    max-width: 90px;
    text-align: center;
  }
}

@media (min-width:1080px) {
  .navbar-nav {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }
}

.navbar-default .navbar-nav > li > a {
    font-weight: 700;
    font-size: 15px;
  }

.fb-link {
    font-weight: 700;
    font-size: 15px;
  }


.sb-main {
  margin-top:70px;
  background-color:white;
}
html{
  background-color: #aac9dd;
}
body {
  font-size:14px;
  font-family: 'Lora', serif;
}

#footer {
  background-repeat:repeat-x;
  border-radius:4px;
}

.footer-basic .copyright {
  font-size:16px;
  color:black;
}

.footer-basic {
  padding:20px;
  color:black;
  background-color:#aac9dd;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
}

.footer-basic ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
  color:inherit;
  opacity:0.75;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:black;
  margin-bottom:0;
}

/* Home Page */
#intro-image {
  margin-top:20px;
  text-align:center;
  background-image:url("../img/cover.jpg");
  background-repeat:no-repeat;
  background-size:contain;
  height:500px;
  background-position:50%;
}

#intro .jumbotron {
  padding:0px;
  background-color:rgba(232,232,232,0.75);
}

#features {
  text-align:center;
  background-color:#f8f4e6;
  font-size:medium;
  margin-top: 15px;
}

.icons {
  font-size:30px;
}


#intro-paragraph {
  font-size:medium;
}

#intro {
  text-align:center;
}

.underline-header {
  border-bottom-width:5px;
  border-bottom-style:double;
}

.intro {
  text-align: center;
}

#feature-items {
   margin-top: 20px;
}

#buy {
  text-align: center;
}

/*About */

.tim-img {
  width:100%;
}

@media (min-width:1200px) {
  .about-txt {
    font-size:16px;
  }
}


#art-header {
  padding:0;
}


.art-second-row {
  margin:10px;
}

.tim-art-img {
  margin-top:5px;
  margin-bottom:20px;
  text-align: center;
}

@media (min-width:991px) {
  .center-art {
    padding-top:70px;
  }
}

@media (max-width:991px) {
  .center-art {
    padding-left:25px;
  }
}

@media (max-width:767px) {
  .center-art {
    padding-left:0px;
  }
}


/* Sample Page */

.sample-img {
  width:100%;
  border-color: grey;
  border-width: 1px;
  border-style: solid;
}

.sample-item {
  padding-top:5px;
  padding-bottom:5px;
  
}





/* Buy Page */

.buy-pic {
  width:100%;
  padding:20px 60px 20px 60px;
}

.buy-cover {
  width:100%;
  padding:40px;
}

@media (max-width:767px) {
  #buy-list-logos {
    margin-top:0px;
  }
}

@media (min-width:768px) {
  #buy-list-logos {
    margin-top:40px;
  }
}

/* Review Page */ 
#review-list {
  text-align:center;
  font-size:16px;
}

.review-separator {
  font-size:larger;
}

/* Sales Sheet Page */

#sales-sheet-link {
  padding-top:10px;
  font-size:larger;
}

.sales {
  text-align:center;
}

.sales-sheet {
  width:100%;
}


/* Contact Page */

.contact-clean {
  background:#f1f7fc;
  padding:80px 0;
}

@media (max-width:767px) {
  .contact-clean {
    padding:20px 0;
  }
}

.contact-clean form {
  max-width:480px;
  width:90%;
  margin:0 auto;
  background-color:#ffffff;
  padding:40px;
  border-radius:4px;
  color:#505e6c;
  box-shadow:1px 1px 5px rgba(0,0,0,0.1);
}

@media (max-width:767px) {
  .contact-clean form {
    padding:30px;
  }
}

.contact-clean h2 {
  margin-top:5px;
  font-weight:bold;
  font-size:28px;
  margin-bottom:36px;
  color:inherit;
}

.contact-clean .form-group:last-child {
  margin-bottom:5px;
}

.contact-clean form .form-control {
  background:#fff;
  border:1px solid #d4d4d4;
  border-radius:2px;
  box-shadow:1px 1px 1px rgba(0,0,0,0.05);
  outline:none;
  color:inherit;
  padding-left:12px;
  height:42px;
}

.contact-clean form .form-control:focus {
  border:1px solid #b2b2b2;
}

.contact-clean form textarea.form-control {
  min-height:100px;
  max-height:260px;
  padding-top:10px;
  resize:vertical;
}

.contact-clean form .form-control-feedback {
  height:42px;
  line-height:42px;
}

.contact-clean form .help-block {
  margin-top:8px;
  font-size:13px;
}

.contact-clean form .btn {
  padding:16px 32px;
  border:none;
  background:none;
  box-shadow:none;
  text-shadow:none;
  opacity:0.9;
  text-transform:uppercase;
  font-weight:bold;
  font-size:13px;
  letter-spacing:0.4px;
  line-height:1;
  outline:none !important;
}

.contact-clean form .btn:hover {
  opacity:1;
}

.contact-clean form .btn:active {
  transform:translateY(1px);
}

.contact-clean form .btn-primary {
  background-color:#055ada !important;
  margin-top:15px;
  color:#fff;
}

#contact-intro {
  padding-top:25px;
  font-size:21px;
  margin-bottom:50px;
}

/* Class Page */
#course-enroll {
  background-image:-webkit-linear-gradient(bottom,#F2F8FE 0,#C9E2FA 100%);
  background-image:-o-linear-gradient(bottom,#F2F8FE 0,#C9E2FA 100%);
  background-image:-webkit-gradient(linear,left bottom,left top,from(#F2F8FE),to(#C9E2FA));
  background-image:linear-gradient(to top,#F2F8FE 0,#C9E2FA 100%);
}

#course-enroll-link-header {
  white-space: pre-wrap; /* css-3 */    
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */    
  white-space: -o-pre-wrap; /* Opera 7 */    
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*Contest Page*/

@media (min-width:992px) {
  .prize-img-cover {
    text-align: right;
  }

  .prize-img-pencils {
    text-align: left;
  }
}

@media (max-width:991px) {
  .prize-img-cover {
    text-align: center;
  }

  .prize-img-pencils {
    text-align: center;
  }
}

.photoupload {
  padding:10px;
}

.photoupload-submit{
  padding:0px;
}

.email-input {
  margin:10px;
}
