@charset "UTF-8";
@media (max-width: 1900px) {
    .footer-wrapper {
        max-width: 1200px;
    }
    .video {
        height: 800px;
    }
}
@media (max-width: 1700px) {
    h1, h2, #slogan-heading {
        font-size: 2.8rem;
    }
    #layerslider {
        height: 700px;
    }
    .video {
        height: 700px;
    }
    #slogan-heading {
        font-size: 3.2rem;
    }
    #footer-wrapper {
        width: 100%;
    }
    #logo {
        width: 350px;
        margin-left: 80px;
    }
    .wrapper {
        padding: 0 100px;
    }
    #menu {
        float: right;
        margin-top: -64px;
        margin-right: 24px;
    }
    .triple-item img {
        height: 310px;
    }
    #life-right {
        width: 53%;
        padding: 0;
        margin-left: 520px;
    }
    .sector-item {
            width: 200px;
        }
    .footer-wrapper {
        max-width: 1100px;
    }
}
@media (max-width: 1500px) {
    #layerslider {
        height: 650px;
    }
    .video {
        height: 650px;
    }
    #logo {
        margin-left: 30px;
    }
    .wrapper {
        padding: 0 50px;
    }
    #icon-wrapper {
        height: 60px;
    }
    #icon-menu img {
        width: 36px;
    }
    a.button {
        width: 220px;
        padding: 20px 0;
    }
    #slogan {

    }
    .footer-wrapper {
        max-width: 1000px;
    }
    #search-box input[type="text"] {
        padding: 20px 10px;
        height: 56px;
        width: 270px;
    }
}
@media (max-width: 1350px) {
    #logo {
        margin-left: 15px;
        width: 300px;
    }
    #menu {
        width: 700px;
        margin-right: 94px;
    }
    #sectors {
        justify-content: center;
    }
    .sector-item {
        margin: 0 20px;
    }
    #life-right {
        padding: 80px 0;
    }
    .triple-item img {
        height: 250px;
    }
    #footer-links {
        display: none;
    }
    .footer-wrapper {
        max-width: 800px;
    }
}

@media (max-width: 1200px) {
    #layerslider {
        max-width: 1200px !important;
    }
    .video {
        margin-top: 0;
        height: 500px;
    }
    #banner {
        height: 450px;
    }
    #panel-content {
        padding: 60px 0;
    }
    #logo {
        padding: 10px 0 10px 20px;
    }
    #menu {
        display: none;
    }
    .hamburger {
        display: block;
    }
    #icon-menu {
        display: none;
    }
    #menuToggle {
        background-color: #003c71 !important;
    }
    #icon-wrapper {
        background: none;
        width: 80px;
        margin-right: 0;
    }
    
    #welcome-right, #community-right, #life-left {
        display: none;
    }
    #welcome-left, #life-right, #community-left {
        width: 100%;
        height: auto;
        margin: 0;
    }
    #welcome-wrapper, #community-wrapper, #life-right, #panel-triple {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #profile {
        width: 490px;
        margin-bottom: -40px;
    }
    #sectors {
        justify-content: space-around;
        width: 540px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .sector-item {
        margin:0 8px;
    }
    .triple-item:nth-child(3) {
        display: none;
    }
    #news-wrapper .triple-item:nth-child(3) {
        display: block;
    }
    .triple-item {
        width: 48%;
    }
    .triple-item img {
        height: 350px;
    }
    .structure-item {
        width: 32%;
    }
    .footer-wrapper {
        max-width: 750px;
    }
}
@media (max-width: 1100px) {
    .footer-wrapper {
        max-width: 100%;
    }
    #fixed-menu {
        display: none;
    }
    #search-box {
        display: none;
    }
    .triple-item img {
        height: 290px;
    }
}
@media (max-width: 850px) {
    #layerslider {
        height: 550px;
    }
    .video {
        height: 450px;
    }
    #banner {
        height: 400px;
    }
    #slogan {
        margin-top: -340px;
        margin-bottom: 70px;
    }
    #slogan-left p {
        max-width: 500px;
        font-size: 1.2rem;
        padding-bottom: 0;
    }
    #slogan-heading {
        font-size: 2.8rem;
        padding-bottom: 0;
    }
    #quicklinks-wrapper {
        justify-content: space-between;
    }
    #quicklinks-wrapper .button {
        margin-right: 0;
    }
    #sectors {
        width: 100%;
    }
    .structure-item {
        width: 49%;
    }
    .directory-image {
        width: 200px;
        padding-bottom: 20px;
    }
    .directory-content {
        width: 100%;
    }
    .directory-flex {
        flex-wrap: wrap-reverse;
        justify-content: flex-start;
    }
}
@media (max-width: 790px) {
    .wrapper {
        padding: 0 30px;
    }
    a.button {
        width: 190px;
        padding: 18px 0;
    }
    
    #triple-wrapper {
        display: block;
    }
    .triple-item {
        width: 100%
    }
    .triple-item img {
        height: auto;
    }
    #panel-triple .triple-item p {
        text-align: left;
        padding: 0 0 40px;
    }
    #panel-triple h2, #panel-triple p {
        text-align: left;
        max-width: 100%;
    }
    .triple-item:nth-child(3) {
        display: block;
    }
    #panel-triple .button {
        margin: 0 auto;
    }
    footer {
        padding: 50px 0 20px;
    }
    .footer-wrapper {
        display: block;
    }
    #footer-right {
        text-align: left;
        padding-top: 40px;
    } 
    #strip-wrapper {
        display: block;
    }
    #copyright {
        margin-bottom: -3px;
        line-height: 1.4rem;
    }
    #throwstone {
    }
    #throwstone:before {
        margin: 0px 4px -5px -3px;
    }
}
@media (max-width: 650px) {
    #layerslider {
        height: 450px;
    }
    #banner {
        height: 350px;
    }
    #panel-content {
        padding: 40px 0;
    }
    #slogan {
        margin-top: -290px;
        margin-bottom: 59px;
    }
    #slogan-heading {
        font-size: 2.2rem;
    }
    #slogan-left p {
        max-width: 420px;
        padding-right: 20px;
        line-height: 1.8rem;
        text-shadow: 0 -0 50px rgba(0,0,0,1);
    }

    #slogan-right {
        margin-top: 11px;
    }
    #quicklinks-wrapper .button:nth-child(3) {
        display: none;
    }
    #quicklinks-wrapper {
        justify-content: center;
    }
    #quicklinks-wrapper .button:nth-child(1) {
        margin-right: 12px;
    }
    #mobile-image {
        display: block;
        object-fit: cover;
    }
    #mobile-image img {
        width: 100%;
    }
    .mobile-menu {
        position: fixed;
        left: 0;
        width: 100%;
        height: auto;
        margin: -30px 0 0 -0;
        padding: 20px 50px 0 50px;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(0, -100%);
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
        text-align: center;
        list-style-type: none;
    }
}
@media (max-width: 560px) {
    h1, h2 {
        font-size: 2.3rem;
    }
    #life-right {
        display: block;
    }
    #profile {
        width: 430px;
    }
    #footer-left, #acknowledge {
        width: 100%;
    }
    .structure-item {
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width: 490px) {
    #profile {
        display: block;
        margin: 0 auto;
        width: 200px;
    }
    #mobile-image {
        display: block;
    }
    #community-left .button {
        display: block;
        margin-top: 10px;
    }
}
@media (max-width: 468px) {
    #layerslider {
        height: 450px;
    }
    #logo {
        width: 240px;
    }
    #slogan {
        margin-bottom: 0;
        height: 230px;
    }
    #slogan-wrapper {
        display: block;
    }
    #slogan-heading {
        font-size: 2.0rem;
        padding-bottom: 0;
    }
    #slogan-right {
        margin-top: 6px;
    }
    #slogan-right a {
        display: inline-block;
        margin-right: 12px;
    }
    #slogan-buttons {
        display: none;
    }
    #quicklinks-wrapper .button {
        width: auto;
        padding: 18px 30px;
    }
    #welcome-wrapper, #community-wrapper, #life-right, #panel-triple {
        padding-top: 45px;
        padding-bottom: 50px;
    }
    h2 {
        font-size: 2.0rem;
    }
    #copyright, #uniting p {
        font-size: 0.8rem;
    }
}

@media (max-width: 410px) {
    #quicklinks-wrapper .button {
        width: 220px;
        margin: 5px auto;
    }
    #quicklinks-wrapper .button:nth-child(3) {
        display: block;
    }
    #quicklinks-wrapper .button:nth-child(1) {
        margin-right: auto;
    }
}
    @media (max-width: 268px) {
    #quicklinks-wrapper {
        display: block;
    }
    #quicklinks-wrapper .button {
        display: block;
        margin: 0 auto 12px;
    }
    
    
}