@charset "utf-8";


 
/*  
     ⤵︎                                         1820px >=x
*/
@media screen and (max-width:1820px) {
}
/* 
     ⤴︎                                         
*/
/*  
     ⤵︎                                         1680px >=x
*/
@media screen and (max-width:1680px) {
}
/* 
     ⤴︎                                         
*/
/*  
     ⤵︎                                         1480px >=x
*/
@media screen and (max-width:1480px) {
    .main_header a.logo {
        padding-top: 12px;
        padding-bottom: 6px;
    }
    
    .shrink .main_header {
        top: -102px;
    }
}
/* 
     ⤴︎
/*  
     ⤵︎                                         1280px >=x
*/
@media screen and (max-width:1280px) {
    body {
        font-size: 1.125em;
    }
    
    img.wave {
        height: 30px;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1170px >=x
*/
@media screen and (max-width:1170px) {
}
/* 
     ⤴︎

/*  
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
    .main_header a.logo {
        width: 288px;
    }
    
    .main_nav ul {
        padding-bottom: 6px;
        padding-left: 12px;
        font-size: 18px;
    }
    
    .shrink .main_header {
        top: -96px;
    }
    
    .hero .wrapper h1 {
        padding: 24px 12px;
    }
    
    .intro_section p.blue_2 {
        padding-top: 24px;
    }
    
    img.wave {
        margin: 24px auto;
    }
    
    .main_content .main_img img {
        padding: 6px;
    }
    
    .main_content .main_img {
        padding: 0 1% 84px 1%;
    }
    
    .list_section {
        padding-top: 72px;
        padding-bottom: 96px;
    }
    
    .contact {
        padding-top: 72px;
        padding-bottom: 12px;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         980px >=x
*/
@media screen and (max-width:980px) {
}
/* 
     ⤴︎

/*  
     ⤵︎                                         820px >=x
*/
@media screen and (max-width:820px) {
    body {
        font-size: 1em;
    }
    
    
    background: linear-gradient(90deg, rgba(232,233,239,1) 0%, rgba(255,255,255,1) 50%, rgba(232,233,239,1) 100%);
    
    .hero .wrapper {
        max-width: 552px;
    }
    
    .hero {
        padding-top: 160px;
        padding-bottom: 48px;
    }
    
    img.wave {
        height: 18px;
    }
    
    .main_content {
        padding-top: 12px;
    }
    
    .main_content .intro {
        margin: auto auto 24px auto;
    }
    
    .main_content .cols div.col {
        padding-left: 24px;
    }
    
    .main_content .cols.alt div.col {
        padding-right: 24px;
    }
    
    .main_content p.outro {
        padding-top: 42px;
        margin-top: 0px;
    }
    
    .contact p {
        font-size: 1.125em;
    }
    
    .contact .col:last-child {
        max-width: 386px;
    }
}
/* 
     ⤴︎

/*  
     ⤵︎                                         768px >=x
*/
@media screen and (max-width:768px) {
    .main_content .cols .col {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center
    }
    
    .main_content .cols figure.col {
        max-width: 360px;
        padding-bottom: 0;
    }
}
/* 
     ⤴︎
/* 

/*  
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
    .contact .col {
        width: 100% !important
    }
    
    .contact .col:last-child {
        max-width: none;
    }
    
    .contact .wrap {
        max-width: 386px;
        margin: auto;
    }
    
    .contact h1 {
        padding-bottom: 36px;
        margin-bottom: 48px;
        padding-right: 0;
    }
    
    .contact h1:after {
        right: auto;
        top: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
/* 
     ⤴︎                                        
*/

/*  
     ⤵︎                                         639px >=x
*/
@media screen and (max-width:639px) {
}
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
    .shrink .main_header {
        top: -78px;
    }
    
    .main_header a.logo {
        width: 228px;
    }
    
    .main_nav ul {
        padding-left: 0;
        font-size: 16px;
    }
    
    .main_nav ul li a {
        padding: 6px 9px;
    }
}
/* 
     ⤴︎
*/


/*  
     ⤵︎                                         479px >=x
*/
@media screen and (max-width:479px) {
    .list_section {
        padding-bottom: 72px;
    }
    
    .list_section ul .col {
        width: 100% !important;
    }
    
    .contact .wrap {
        display: block;
    }
    
    .contact p.c_1,
    .contact .item p {
        padding-bottom: 2.25rem;
    }
    
    .contact {
        padding-bottom: 30px;
    }
}

/*  
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
    .main_nav ul li a {
        padding: 6px 4px;
        letter-spacing: 0;
    }
    
    .main_nav ul li:after {
        width: 3px;
        height: 3px;
    }
    
    .hero .wrapper h1 {
        font-size: 1.5em;
    }
    
    .intro_section {
        padding-bottom: 30px;
    }
    
    .intro_section h2 {
        font-size: 1.25em;
    }
    
    .intro_section p {
        font-size: 1.125em;
    }
    
    .intro_section h2:before, 
    .intro_section h2:after,
    .main_content .main_img:after,
    .main_content p.outro:before,
    .contact h1:after,
    .list_section h1:after {
        width: 4px;
        height: 4px;
    }
    
    .main_content .main_img img {
        padding: 2px;
    }
    
    .main_content p.outro {
        padding-top: 36px;
    }
    
    .main_content .cols .col {
        padding-bottom: 12px;
    }
}
/* 
     ⤴︎
*/

/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:380px) {
    .main_nav ul li a {
        letter-spacing: -.01em;
    }
}
/* 
     ⤴︎
*/