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

/* home */

#overlay { width: 50%; }

}

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

/* home */

#main_logo { top: 25px;left: 55px;width: 30%; }

#overlay { width: 52%;padding: 32px 70px 32px 60px; }
#overlay h1 { font-size: 64px; }

}

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

/* home */

#main_logo { left: 40px;width: 36%; }

#overlay { width: 54%;padding: 32px 60px 32px 60px; }
#overlay h1 { font-size: 58px; }

}

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

.page_width { padding-left: 20px;padding-right: 20px; }

/* home */

#overlay p { font-size: 16px;line-height: 24px; }

}

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

#overlay { bottom: 25px;width: 55%;padding: 30px 40px 32px 50px; }

.home_row { padding: 26px 15px; }
.text_on_right { padding: 30px 0 30px 50px; }
.text_on_left { padding: 30px 50px 30px 0px; }

/* footer */

#footer_left { padding-top: 80px;width: 50%;  }

}

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

#main_logo { top: 25px;left: 35px;width: 50%; }


#overlay { width: 70%;padding: 25px 30px 26px 35px; }

#overlay h1 { font-size: 50px; }

a#login { right: 20px;padding: 15px 20px;font-size: 16px; }

#top_wrapper #left { width: 42%; }



/* navigation */

ul#navigation li a { font-size: 15px;padding: 15px 20px; }

.contact_left { float: none;width: 100%;margin-bottom: 20px; }

.contact_right { float: none;width: 100%; }

}

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

html,body { -webkit-text-size-adjust: none; }

a#login { left: 50%;border-radius: 0 0 12px 12px;width: 66%;margin-left: -33%;text-align: center; }
a#login i { margin-right: 8px; }

#main_logo { top: 66px;left: 50%;width: 84%;margin-left: -42%; }

#overlay { width: 100%;padding: 20px 15px 20px 15px;text-align: center;bottom: 0; }

#overlay h1 { font-size: 40px;margin-bottom: 10px; }

#overlay p { font-size: 14px;line-height: 20px; }


/* headers */

.home_row { padding: 20px 0; }

.home_row_inner { display: block; }

.home_row_inner .left { width: 75%;margin: 0 auto 15px; }
.home_row_inner .thumb { box-shadow: 0 0 0 5px #e2e2e2; }
.home_row_inner .right { width: 100%;text-align: center; }

.text_on_right { padding: 0px 0 20px 0px; }
.text_on_left { padding: 0px 0px 20px 0px; }

.home_row_inner h2 { font-size: 22px;line-height: 28px;margin-bottom: 15px; }
.home_row_inner h3 { font-size: 16px;line-height: 22px; }


/* navigation */

a#mobile_menu { display: block;font-family: 'Raleway'; }

#nav_wrapper_container {  }
#nav_wrapper { background-color: #fff;padding: 20px;width: 100%;position: fixed;left: 0;top: 0;z-index: 9999;min-height: 100%;margin-left: -100%;transition: all 0.4s ease 0s;text-align: left; }

.close_mobile_menu { display: block;position: absolute;right: 16px;top: 16px;font-size: 32px;color: #8d97af;text-decoration: none; }

#menu_inner_wrapper { overflow: auto;position: absolute;bottom:0;left:0;right:0;top:0;width: 100%;padding: 20px 70px 20px 20px; }

ul#navigation { text-align: left;border-bottom: 0; }
ul#navigation li { display: block;margin: 0 0px;border-bottom: 1px solid #ccc; }
ul#navigation li a { padding: 16px 14px; }

ul#navigation li ul { position: static;min-width: 100%; }

ul#navigation li ul li a { background: #fff;color: #8d97af;display: block;padding: 16px 14px 16px 24px; }




ul.pagenav li { margin: 0 2px;line-height: 28px; }
ul.pagenav li a { width: 30px;height: 30px;border-radius: 15px; }


/* footer */

#footer_clear { padding-bottom: 30px; }

#footer_wrapper { position: static;padding: 20px 30px 30px; }

#footer_left { float: none;padding-top: 0px;width: 100%;margin-bottom: 20px;text-align: center;line-height: 20px; }

#footer_right { float: none;text-align: center;width: 100%; }

#footer_left img { max-width: 100%; }


/* customers */

#top_wrapper { padding: 22px 0; }
#top_wrapper #left { float: none;width: 85%;margin: 0 auto 15px; }

#top_wrapper #right { float: none;width: 100%;text-align: center;font-size: 20px; }

#content { padding: 22px 0; }

.content_box { box-shadow: 0 0 8px #e2e2e2;padding: 18px; }

h2.headline { font-size: 18px;line-height: 26px;margin-bottom: 4px; }

.news_post { padding: 0 0 12px;margin: 0 0 12px;font-size: 14px;line-height: 20px; }
.news_post p { font-size: 14px;line-height: 20px; }

.timeline_text { font-size: 14px;line-height: 20px; }

.newsletter_row { padding: 0 0 15px 50px; }
.newsletter_row img { max-width: 38px; }


.formrow .left { float: none;width: 100%;padding: 7px 12px;background: #333;color: #fff; }
.formrow .right { float: none;width: 100%;padding-left: 0px; }

.contact_row .left { float: none;width: 100%;padding: 6px 10px;background: #eee; }
.contact_row .right { float: none;width: 100%;padding: 6px 10px;border-left: 0; }

.photorow { padding-left: 0px;min-height: 10px;text-align: center; }
.photorow .thumb { display: block;position: static;width: 200px;max-height: 130px;margin: 0 auto 12px; }

ul.photos li { width: 50%; }

.filerow { padding: 14px 14px 14px 65px; }
.filerow img { left: 14px;top: 14px;width: 35px; }



.alert_banner { max-width: 95%;padding: 15px; }

.slide_1 { background-image: url('../img/temp/slide1-mobile.webp'); }
.slide_2 { background-image: url('../img/temp/slide2-mobile.webp'); }

}