@media (min-width: 769px){
    /* Header/Nav */
    #mobile-menu, #mobile-navbar, #mobile-subnav, #mobile-subnav-container {display: none;}
}

@media screen and (max-width: 1150px){
    /* Home */
    #home main .main_col .block .inner {float: none; max-width: 100%;}
    #home main .main_col_left .block .inner {padding: 0 5%;}
    #home main .main_col_right .block .inner {padding: 0 5%;}

    #home main #motto:after {display: none;}

}

@media screen and (max-width: 960px){
    /* Home */
    #home main .main_row {display: block;}
    #home main .main_col {width: 100%;}
    #home main .main_col .block {padding: 50px 0;}

    #home main .main_col {text-align: center;}
    #home main #motto img {display: inline-block;}

}

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

     /* Header/Nav */
    header nav {display: none;}
    header > .container > #open_form_popup {display: none;}
    header #brand, header #brand_solid {padding: 0; margin-left: -51px; top: 17px;}
    header #header_search {right: auto; left: 30px; top: 33px;}

    header .header_social {position: absolute; top: 42px; right: 55px;}

    /* Mobile Menu */
    .mobile-nav {display: block !important; position: relative; z-index: 2;}
    #mobile-menu {display: block; width: 35px; height: 20px; position: absolute; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; white-space: nowrap; z-index: 9999; right: 40px; top: 40px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-navbar a:hover:before {display: none !important;}
    #mobile-menu.active {right: 30px; top: 30px; z-index: 999999;}
    #mobile-menu.active span:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); top: 0; background: #e02d2d;}
    #mobile-menu.active span {background: rgba(0,0,0,.0) !important;}
    #mobile-menu.active span:after {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); top: 0; background: #e02d2d;}
    header.solid #mobile-menu span, header.solid #mobile-menu span:before, header.solid #mobile-menu span:after {background: #e02d2d;}
    .internal.no_banner header #mobile-menu span, .internal.no_banner header #mobile-menu span:before, .internal.no_banner header #mobile-menu span:after {background: #e02d2d;}
    #mobile-menu span {width: 100%; height: 3px; background: #fff; display: block; position: absolute; top: 50%; margin-top: -1.5px; left: 0;}
    #mobile-menu span:before, #mobile-menu span:after {content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 3px; background: #fff; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
    #mobile-menu span:after {top: 10px; left: 0;}
    #mobile-navbar {background: #fff; position: fixed; top: 0; width: 100%; height: 100%; right: -100%; box-sizing: border-box; padding-top: 80px; z-index: 999; overflow-y: auto; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar.open {right: 0;}
    #mobile-navbar nav {padding-bottom: 20px; display: block; position: relative; top: 0; float: inherit; right: auto;}
    #mobile-navbar ul ul {display: none; background: #484848;}
    #mobile-navbar ul ul ul {display: none; background: #282828;}
    #mobile-navbar li {border-top: 1px solid #c8c8c8; list-style: none; position: relative; padding-bottom: 0; float: inherit; text-align: left; margin-left: 0;}
    #mobile-navbar li:last-child {padding-bottom: 0;}
    #mobile-navbar li em.level-1-em {display: block; position: absolute; top: 17px; left: 30px; width: 13px; height: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar li em.level-2-em {display: block; position: absolute; top: 17px; left: 55px; width: 13px; height: 13px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    #mobile-navbar li em:before {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 2px; background: #e02d2d;}
    #mobile-navbar li em.level-1-em:before {width: 100%;}
    #mobile-navbar li em.level-2-em:before {width: 100%; background: #fff;}
    #mobile-navbar li em:after {content: ''; position: absolute; top:50%; margin-top: -1px; left: 0; height: 2px; background: #e02d2d; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg)}
    #mobile-navbar li em.level-1-em:after {width: 100%;}
    #mobile-navbar li em.level-2-em:after {width: 100%; background: #fff;}
    #mobile-navbar li em.active {transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg)}
    #mobile-navbar li em.active {transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg)}
    #mobile-navbar li a {color: #484848 !important; padding: 15px 15px 15px 55px; display: block; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; letter-spacing: .05em; border-width: 0; font-weight: 700;}
    #mobile-navbar li a:hover {color: #484848 !important;}
    #mobile-navbar li li a {padding: 0;}
    #mobile-navbar li li {border-color: #f5cfc6}
    #mobile-navbar li li.title {border-bottom: 1px solid #282828; border-top: none; color: #fff !important; display: block; text-transform: uppercase; letter-spacing: .05em; font-weight: 700; text-transform: none; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 14px;}
    #mobile-navbar li li.title span, #mobile-navbar li li.title a {cursor: pointer; color: #fff !important; display: block; padding: 15px 0 15px 80px; margin-left: 0;}
    #mobile-navbar li li.title span:hover, #mobile-navbar li li.title a:hover {color: #fff !important;}
    #mobile-navbar li li.title:last-child {border-bottom: none;}
    #mobile-navbar li li.title ul li {border-bottom: 1px solid #000; border-top: none;}
    /*#mobile-navbar li li.title ul li:hover {background: #602f5d;}*/
    #mobile-navbar li li.title ul li:last-child {border-bottom: none;}
    #mobile-navbar li li.title ul li a {color: #fff; padding: 10px 0 10px 90px !important; font-size: 14px; letter-spacing: .05em; text-transform: none;}
    #mobile-navbar li li.title ul li a:hover {color: #fff !important;}
    .overflow-hidden {overflow: hidden; height: 100%;}

    /* Home */
    #home #banner #banner_logo img {max-width: 300px;}
    #home #banner #banner_text h1 {font-size: 80px; line-height: 85px;}
    #home #banner #banner_text h1 span {font-size: 45px; line-height: 45px;}

    #home main #form h2 {font-size: 50px; line-height: 45px;}
    #home #form_popup h2 {font-size: 50px; line-height: 45px;}

    .blogentries .entry img {width: 100%; float:none;}
    .blogentries .entry .content {float: none;}
    .blogentries .entry.featured img {width: 100%; float:none;}
    .blogentries .entry.featured .content {position: static; padding-left: 0; -webkit-transform: initial; -ms-transform: initial; transform: initial;}
    .blogentries .entry .content.with-image {padding-left: 0;}
}

@media screen and (max-width: 600px){
    /* Home */
    #home #banner {height: 600px;}
    #home #banner #video_container .canvas, #home #banner #video_container .video {min-height: 600px;}
    #home #banner #banner_text h1 {font-size: 60px; line-height: 65px;}
    #home #banner #banner_text h1 span {font-size: 35px; line-height: 35px;}

    #home #banner .banner_news_bar p, #home #banner .banner_news_bar h5, #home #banner .banner_news_bar a {line-height: 20px;}
    #home #banner .banner_news_bar p, #home #banner .banner_news_bar a {font-size: 17px;}
    #home #banner .banner_news_bar h5 {font-size: 20px;}

    #home main .main_col .block .inner p {font-size: 17px; line-height: 30px;}
    #home main #intro h2 {font-size: 30px; line-height: 30px; margin-bottom: 30px;}
    #home main #motto .inner {padding: 0 10%;}
    #home main #form form {padding-top: 60px;}
    #home #form_popup form {padding-top: 60px;}
    #home main #form h2 {font-size: 40px; line-height: 35px;}
    #home #form_popup h2 {font-size: 40px; line-height: 35px;}
    #home #form_popup {text-align: center;}
}

@media screen and (max-width: 480px){
    /* Header */
    header #logo {position: absolute; top: 30px; left: 0;}
    header #logo img {width: 200px;}

    header #open_form_popup {top: 25px; font-size: 14px; line-height: 14px; padding: 15px 20px;}

    header .header_social {position: absolute; top: 30px;}

    /* Mobile Menu */
    #mobile-menu {width: 30px; height: 18px; top: 30px; right: 30px;}
    #mobile-menu span {height: 2px;}
    #mobile-menu span:before, #mobile-menu span:after {height: 2px; top: -8px;}
    #mobile-menu span:after {top: 8px;}


    /* Home */
    #home #banner {height: 500px;}
    #home #banner #video_container .canvas, #home #banner #video_container .video {min-height: 500px;}
    #home #banner #banner_logo img {max-width: 250px;}
    #home #banner #banner_text h1 {font-size: 45px; line-height: 50px;}
    #home #banner #banner_text h1 span {font-size: 30px; line-height: 30px;}

    #home #banner .banner_news_bar p span {display: none;}
    #home #banner .banner_news_bar a {margin-top: 10px;}

    #home main .main_col .block .inner p {font-size: 16px; line-height: 28px;}
}

@media screen and (max-width: 400px){
    /* Header */
    header #open_form_popup {padding: 12px 14px;}

    /* Home */
    #home #banner {height: 450px;}
    #home #banner #video_container .canvas, #home #banner #video_container .video {min-height: 450px;}
    #home #banner #banner_logo img {max-width: 200px;}
    #home #banner #banner_text h1 {font-size: 40px; line-height: 45px;}
    #home #banner #banner_text h1 span {font-size: 25px; line-height: 25px;}

    #home main #intro h2, #home main #issues h3 {font-size: 26px; line-height: 26px;}
    #home main #form h2 {font-size: 32px; line-height: 28px;}
    #home main #form .dfcolumns .column, #home main #form .dfcolumns .column.column-last {float: none; width: 100% !important; margin-right: 0;}
    #home main #form form input[type=email], #home main #form form input[type=text] {text-align: center;}
    #home main #form form input[type=submit] {float: none;}

    #home #form_popup h2 {font-size: 32px; line-height: 28px;}
    #home #form_popup .dfcolumns .column, #home #form_popup .dfcolumns .column.column-last {float: none; width: 100% !important; margin-right: 0;}
    #home #form_popup form input[type=email], #home #form_popup form input[type=text] {text-align: center;}
    #home #form_popup form input[type=submit] {float: none;}
}

@media screen and (max-width: 360px){
    header #logo img {width: 170px;}
    header #open_form_popup {font-size: 13px; line-height: 13px;}
}

/* 2x */
@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {

    header .header_social ul li a.facebook {background-image: url(/images/site/facebook@2x.png);}
    header .header_social ul li a.twitter {background-image: url(/images/site/twitter@2x.png);}
}