/* ====================================================================
   1200
   ==================================================================== */

@media only screen and (max-width : 1200px) {

/* -------------------[ Header ]------------------- */

.nav-header a {
  margin: 0 25px; 
}




}

/* ====================================================================
   1150
   ==================================================================== */

@media only screen and (max-width : 1150px) {

/* -------------------[ Layout ]------------------- */

#main { 
  width: 70%; 
}

/* -------------------[ Header ]------------------- */

.nav-header a {
  margin: 0 15px; 
  font-size: 23px; 
}

.nav-header ul ul {
  left: 5px; 
}

/* -------------------[ Home ]------------------- */

#home-well .home-well-overlay { 
  left: 17%; 
  width: 14%; 
  font-size: 15px; line-height: 20px;
}

.home-byline {
  font-size: 25px; letter-spacing: 0; 
}

/* -------------------[ Footer ]------------------- */

.footer { 
  font-size: 16px; 
}





}

/* ====================================================================
   1000
   ==================================================================== */

@media only screen and (max-width : 1000px) {

/* -------------------[ Layout ]------------------- */

#main { 
  width: 67%; 
}

/* -------------------[ Header ]------------------- */

body.home #header-wrap { 
  background-color: #f5ab03; 
}

.social a.social-i svg {
  width: 30px; 
}

.social-header { 
  margin: 0 45px 0 0;
}

.social-header a.social-i svg { 
  margin: 15px 0 0 7px;
}

#nav-header-wrap,
body.home #nav-header-wrap { 
  border: none;
}

.nav-header { 
  display: none;
}

#click-menu { 
  display: block; top: 30px; right: 15px; 
}

/* -------------------[ Home ]------------------- */

#home-well .home-well-overlay { 
  left: 16%; 
  width: 15%; 
  font-size: 14px; line-height: 18px;
}





}

/* ====================================================================
   950
   ==================================================================== */

@media only screen and (max-width : 950px) {

/* -------------------[ Layout ]------------------- */

#main { 
  width: 64%; 
}

/* -------------------[ Home ]------------------- */

.home-byline {
  font-size: 20px; 
}

/* -------------------[ Footer ]------------------- */

.footer span { 
  clear: both; display: block; 
  height: 0;
  font-size: 0;
  margin: 0 0 10px 0;
}





}

/* ====================================================================
   850
   ==================================================================== */

@media only screen and (max-width : 850px) {

/* -------------------[ Layout ]------------------- */

#content { 
  padding: 40px 4%;
}

#main,
#side { 
  clear: both; float: none; 
  margin: 0 auto 50px auto;  
}

#main { 
  width: 100%; max-width: 700px; 
}

#side { 
  padding: 80px 0 0 0;
}

#home-content-wrap {
  margin: 0 auto 40px auto; 
}

#footer-wrap { 
  clear: both; position: relative; 
}

.scroll-to-top { 
  right: -9999px;
}

/* -------------------[ Home ]------------------- */

#home-well .home-well-overlay { 
  left: 9%; 
  width: 22%; 
  font-size: 14px; line-height: 16px;
}

.home-cta1,
.home-cta2 {
  clear: both; float: none;
  width: 96%; margin: 0 0 20px 0; padding: 2%;
}





}

/* ====================================================================
   768
   ==================================================================== */

@media only screen and (max-width : 768px) {

/* -------------------[ Layout  ]------------------- */

html { 
  overflow-x: hidden; 
}

/* -------------------[ Home ]------------------- */

#home-well .home-well-overlay { 
  display: none;
}

.home-byline {
  padding: 2px 4.2%;
  font-size: 0; 
}




}

/* ====================================================================
   568
   ==================================================================== */

@media only screen and (max-width : 568px) {

/* -------------------[ Header ]------------------- */

.logo { 
  font-size: 40px; line-height: 50px; 
}

.logo-date { 
  display: none;
}

.social-header a.social-i svg { 
  margin: 10px 0 0 5px;
}

#click-menu { 
  display: block; top: 25px; right: 15px; 
}

/* -------------------[ Main ]------------------- */

h1:before,
h1:after {
  display: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  clear: both; float: none; display: block;
  margin: 0 auto 15px auto; padding-bottom: 15px;
  text-align: center;
}

#excerpt .excerpt-title { 
  clear: both;
}





}

/* ====================================================================
   440
   ==================================================================== */

@media only screen and (max-width : 440px) {

/* -------------------[ Header ]------------------- */

.social-header { 
  display: none;
}



}

/* ====================================================================
   320
   ==================================================================== */

@media only screen and (max-width : 320px) {

/* -------------------[  ]------------------- */





}