/* Move down content because we have a fixed navbar that is 50px tall */
body { font-family: 'Oswald', arial, helvetica, sans-serif; padding-top: 50px; padding-bottom: 20px; }

/***** Global Class Styles *****/
span.highlight, ul li.active {color: #3399fe;}
/*.highlight, nav#header-nav ul li.current a {color: #3399fe;}*/
.newbie{color: #0c0;}
/*  DEMO ID */
#demo{color: #3399fe; margin-top: 200px;}

/***** Header Styles *****/
#navtop{border-bottom: 3px solid #3399fe;}
.navbar-header a.navbar-brand{color: #fff;}
/*ul.dropdown-menu li.dropdown-menu-li:hover{background-color: #3399fe; color: #fff;}*/

/***** Navigation Styles *****/
#training-nl a{color: #f16528;}
#training-nl a:hover{color:#fff;}
/*#training-nl a{color: #83ff00;}*/

/***** Logo Class Styles *****/
.navbar-brand img.wc-logo{width: 20px; margin-left: 20px; margin-right: 5px; float: left;}

/* Jumbotron*/
.jumbotron{min-height: 500px; background-image: url('../images/hero-banner.jpg'); background-size: cover; color: #fff; text-align: center;}


/* Page Container Styles*/
#page-about, #page-development, #page-contact{padding-bottom: 560px;}


/* Feature Section */
#feature-section{margin-top: 20px; padding-bottom: 30px;}
  #feature-section h1, #feature-section h2, .feature-img{text-align: center;}
    #feature-section h1{font-size: 250%;}
      #feature-section h2{ margin-bottom: 15px; margin-top: 0px; font-weight: normal; color: #3399fe; font-style: italic; font-size: 175%;}
      .feature-img{margin: 30px 0px;}

/* Footer*/
#footer-social-links{margin-top: 10px;}
#footer-social-links li a{color: #fff;}
#footer-social-links li a:hover{color: #3399fe;}
footer{border-top: 3px solid #3399fe;}
.footer-bottom{background-color: #000;}

footer{background-color: #000; min-width: 320px; width: 100%; text-align: center; line-height: 35px; height: 35px; color: #ccc;}
.footer-bottom-site-credit{padding-right: 10px;}
span#site-credit a{color: #3399fe; font-size: 75%;}
span#site-credit a:hover{text-decoration: underline;}
a{text-decoration: none; color: #fff;}
a:hover{color: #3399fe;}
@media only screen and (max-width: 480px) {
    .footer-bottom-copyright-text{font-size: 80%}
}

@media only screen and (max-width: 960px) {
  .footer-bottom{text-align: center;}
  .footer-bottom-copyright-text{width: 100%;}
  .footer-bottom-social-icons{background-color: #000;}
  .footer-bottom-site-credit{padding-right: 0px;}
  #footer-social-links li{list-style: none; display: inline-block; padding: 0px 10px;}
}

@media only screen and (min-width: 961px) {
  .footer-bottom{text-align: left;}
  .footer-bottom-copyright-text{max-width: 480px; float: left; padding: 10px 10px 0px 10px; line-height: 60px; height: 60px;}
  .footer-bottom-social-icons{background-color: #000; text-align: right; padding: 0px 10px;}

    /*
    .footer-bottom-social-icons{background-color: #000; text-align: right; padding: 0px 10px;}*/
    #footer-social-links li{list-style: none; display: inline-block; padding: 15px 10px 0px 10px;}
}

/* MailChimp Subscribe Form Styles*/
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
.mc_ember-banner{margin: 15px auto;}

#page-about, #page-contact, #page-development{font-size: 24px;}
#page-about p, #page-contact p, #page-development p{margin: 15px 0px;}