/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: 
*/


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

    /*CONTENT*/

        /*STORY*/

        .story-section { padding: 0 20px; }
        .story-content { padding: 150px 30px; background-size: 150px 75px; }

    /*INNER*/

    .inner.story .story-section { padding: 0 20px; }
    .inner.story .story-content { padding: 75px 20px; }
    .inner.story .story-content { padding: 150px 30px; background-size: 150px 75px; }

    .inner.story .blakes-box-section { padding: 20px 20px 0; }
    .inner.story .blakes-box-section .row { padding: 30px; }
    .inner.story .blakes-box-wrap { gap: 0 30px; }

    .inner.works .box-image .content-image { margin: 0 -40px 0 0; }

}

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

    /*HEADER*/

    #header nav ul { gap: 0 20px; } 

    /*INNER*/

    .inner.story .story-content { padding: 30px; }


}

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

    /*HEADER*/

    #header nav ul li a { font-size: 16px; }


    /*CONTENT*/

    .content-text h4 { font-size: 35px; }

    /*INNER*/

    .inner #banner { min-height: 350px; padding: 0 20px 70px; }

    .inner.story .blakes-box-container { padding: 150px 30px; background-size: 150px 75px; }

    .inner.story .about-image { padding: 0;}

    .inner.story .story-content, .inner.story .story-container  { padding: 20px; }

    .inner.story .detail-container { margin: -130px 0 0; }


    .inner.works .box-content .content-text p { margin: 20px 0 0; }

    .inner.works .memorial-section .row { margin: -100px auto 0; }
    /*.inner.works .memorial-content { padding: 50px 20px; }*/
    .inner.works .memorial-wrap { gap: 0 20px; }

    .inner.works .memorial-content .content-text p { margin: 20px 0 0; }

    .inner.works .memorial-box .content-text p { margin: 15px 0; }

    .inner.designs .video-content { padding: 20px; }
    .inner.designs .video-content, .inner.designs .portfolio-content, .inner.designs .tag-content { background-size: 150px 75px; }
    .inner.designs .portfolio-content .content-text p { margin: 20px 0; }

    /*.inner.works .memorial-content { background-size: 150px 75px; }*/

    /*HOW TO HELP*/

    .inner.help .ways-item .ways-content, .inner.help .ways-item.donate .ways-content, .inner.help .volunteer-content { background-size: 150px 75px; }
    .inner.help .thank-content { background: linear-gradient(to right, #e0e0e0 1px, transparent 1px) top left / 150px 75px no-repeat, linear-gradient(to bottom, #e0e0e0 1px, transparent 1px) top left / 150px 75px no-repeat, linear-gradient(to left, #e0e0e0 1px, transparent 1px) bottom right / 150px 75px no-repeat, linear-gradient(to top, #e0e0e0 1px, transparent 1px) bottom right / 150px 75px no-repeat; }

    /*MEET OUR BOARD*/

    .inner.board .directors-content,  { background-size: 150px 75px; }
    .inner.board .mission-box { background: linear-gradient(to right, #e0e0e0 1px, transparent 1px) top left / 150px 75px no-repeat, linear-gradient(to bottom, #e0e0e0 1px, transparent 1px) top left / 150px 75px no-repeat, linear-gradient(to left, #e0e0e0 1px, transparent 1px) bottom right / 150px 75px no-repeat, linear-gradient(to top, #e0e0e0 1px, transparent 1px) bottom right / 150px 75px no-repeat; }

}


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

    /*sticky*/
    
    .sticky .header-left .content-image img { width: 100%; }

    /*BANNER*/

    /*.banner-content .content-text { max-width: 100%; }*/

    /*.banner-content .content-text h1 { font-size: 80px; }*/

    /*CONTENT*/

        /*STORY*/

        .story-content { padding: 100px 30px; }
        .story-content .content-text p { margin: 20px 0 30px; }
        .story-image .content-image { max-width: 460px; }

        /*BOX*/

        .box-content .content-text p { margin: 20px 0 30px; }

    /*INNER*/

    .inner #banner { min-height: 300px; }



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

    /*HEADER*/

    #header nav ul { gap: 0 15px; }
    #header nav ul li a { font-size: 14px; }

    /*BANNER*/

    .banner-content .content-text h1, .inner #banner .banner-content .content-text h1 { font-size: 70px; }

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 55px; }
    .content-text h3 { font-size: 45px; }
    .content-text h5 { font-size: 25px; }

    /*INNER*/

    .inner.contact .inquiry-item { padding: 30px 15px; }

}

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

    /*HEADER*/

    #header nav ul { gap: 0 10px; }
    #header nav ul li a { font-size: 13px; }

    /*CONTENT*/

        /*STORY*/

        .story-image .content-image { max-width: 400px; }
        .story-content { padding: 60px 30px; }

        /*BOX*/

        .box-content .content-text { padding: 0 20px; }     


    /*FOOTER*/

    .footer-info a { font-size: 25px; }
    .footer-text .content-text p { margin: 20px 0 20px auto; }

    /*INNER*/

    .inner #banner { min-height: 250px; }


    .inner.contact .inquiry-info a, .inner.contact .inquiry-info i { font-size: 1.9vw; }


}

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

    .btn { font-size: 16px; padding: 15px 30px; }

    p { font-size: 18px; }

    /*HEADER*/

    .header-wrap { gap: 0 15px; }
    #header nav ul { gap: 0 10px; }
    #header nav ul li a { font-size: 12px; }

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 45px; }
    .content-text h3 { font-size: 40px; }
    .content-text h4 { font-size: 30px; }
    .content-text h5 { font-size: 20px; }

        /*STORY*/

        .story-container { padding: 20px; }
        .story-image .content-image { max-width: 400px; }
        .story-content { padding: 20px; background-size: 120px 60px; }
        .box-content .content-text p { margin: 10px 0 15px; }

        /*BOX*/

        .box-section .row { padding: 20px; }
        .box-wrap { padding: 30px 0 0; }
        .box-content .content-text p { margin: 10px 0 15px; }

    /*FOOTER*/

    .footer-text .content-text p { max-width: 380px; font-size: 16px; }
    .copyright .content-text p { font-size: 16px; }

}

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

    /*HEADER*/

    #header nav ul li a { font-size: 11px; }

    /*BANNER*/

    .banner-content .content-text h1 { font-size: 60px; }

}

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

    body { min-width: 380px!important; }

    p, ul li { font-size: 18px; }
    p {  margin: 15px 0!important; }
    /*p:last-of-type { margin: 0!important; }*/

    .formLabel label, .ctc-form .ctc-hide { font-size: 16px!important; }

    .db { display: inline; }

    .inbM { display: block; }

    .flex, .flexs, .flexc, .flexe, .flexstr { flex-wrap: wrap; }

    .tl, .tr { text-align: center; }

    .lg-text { font-size: 16px!important; }

    .rr { flex-direction: unset; }

    /*SOCIALS*/

    .socials ul, .socials ul li { margin: 0 auto!important; }

    /*FORM*/

    .ctc-form input[type="text"] { height: 45px; margin: 0 auto 8px; padding: 10px; }
    .ctc-form textarea { padding: 10px; }
    .ctc-form input[type="text"], .ctc-form textarea { font-size: 14px; }
    .ctc-form .formLabel { width: 100%; }
    form [type="submit"], .ctc-form .g-recaptcha div { margin: 0 auto; }

    /*BUTTON*/

    .btn { font-size: 14px!important; padding: 10px 20px; }

    /*.ctc-form .btn { max-width: 190px!important; padding: 10px 0; }*/

    /*STICKY*/

    .sticky .header-left .content-img img { max-width: 130px; width: 100%; }
    .sticky .header-button .btn::before { background: #C39B66;  }

    /*GALLERY*/

    #content .gallery { flex-wrap: wrap; gap: 15px; }
    #content .gallery { grid-template-columns: repeat(2, 1fr); }
    /*#content .gallery li { width: 48.5%; }*/


    /*DROPDOWN*/

   /* #menu_drop #dropdown { display: none!important; background: #FEFEFE!important; }
    #header nav ul #dropdown li a { color: #444444!important; background: #FEFEFE!important; }
    #dropdown li { padding: 0!important;  }
    #menu_drop { position: relative; }
    #menu_drop::after { content: '\f0d7'; font-family: 'FontAwesome'; font-size: 14px; color: #86B0AF; position: absolute; top: 10px; right: 15px; }
    #menu_drop:hover > #dropdown { display: block!important; position: static; max-width: 100%!important; width: 100%!important; padding: 0!important; }
    #header nav ul #dropdown li.active-menu a, #header nav ul #dropdown li a:hover { color: #FFFFFF!important;  background: #86B0AF!important; }
    #header nav ul #dropdown li a { padding: 10px 30px; }
    #header nav ul #menu_drop:hover::after { content: '\f0d8'; color: #86B0AF; }*/


    /*HEADER*/

    #header {  top: 0; padding: 0; min-width: 320px; border-radius: 0; }
    #header, #header * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #header .row {width: 100%}
    #header nav {display:block; height: auto; width: 100%;}
    #header nav ul { max-width: 100%; width: 100%; display: none; height: auto; padding: 0; margin: 0!important; }
    #header nav ul li { width: 100%;position: relative; margin: 0!important; padding: 0!important; }
    #header nav ul li a {  background: #FFFFFF; color: #111111; font-size: 18px; display: block; float:none; padding: 10px 15px!important; }
    #header nav ul li a::before { display: none; }
    #header nav a {text-align: left; width: 100%;}
    #header nav a strong {position: absolute; top: 50%; transform: translateY(-50%); left: 15px;}
    #header nav a#pull { display: block; color: #fff; background-color: transparent; height: 55px;padding: 10px 0; width: 100%; position: relative; opacity: 1;}
    #header nav a#pull:after { content:''; background: url('../images/nav-icon.png') no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
    /*#pull img { position: relative; width: 60px; padding-left: 15px; top: 0; }*/
    #pull img { display: none; }
    #header nav ul li.active-menu { padding: 0; width: 100%; }
    #header nav ul li.active-menu a, #header nav ul li a:hover { width: 100%; background: #2B2B21; color: #FFFFFF!important; }
    .header-left { max-width: 130px; width: 100%; position: absolute; top: 9px; left: 10px; z-index: 2; }
    .header-right { width: 100%; }

    /*BANNER*/

    #banner { padding: 80px 15px 30px; }
    .banner-content, .banner-image { width: 100%; }
    .banner-image .content-image { max-width: 100px; width: 100%; margin: 0 auto 15px; }
    .banner-content .content-text h1, .inner #banner .banner-content .content-text h1 { margin: 10px 0 0; font-size: 55px; }

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 45px; } 
    .content-text h3 { font-size: 35px; }
    .content-text h4, .inner.designs .video-content .content-text h4, .inner.designs .logo-content .content-text h4, .inner.designs .portfolio-content .content-text h4 { font-size: 30px; }

        /*MISSION*/

        .mission-section { padding: 30px 15px; }
        .mission-content, .mission-tag { width: 100%; }
        .mission-wrap { margin: 0; gap: 0; }
        .mission-content .content-text { max-width: 100%; width: 100%; }
        .mission-tag { border-left: 0; padding: 0; }

        /*STORY*/

        .story-section { padding: 0 15px; }
        .story-wrap { gap: 15px 0; flex-direction: column-reverse; }
        .story-container { position: relative; top: unset; transform: none; width: 100%; }
        .story-content { padding: 30px 15px; }
        .story-image { width: 100%; padding: 20px; }

        /*ABOUT*/

        .about-section { padding: 30px 15px; }
        .about-wrap { gap: 15px 0; }
        .about-content, .about-content .content-text, .about-image { max-width: 100%; width: 100%; }
        .about-image .content-image { max-width: 600px; width: 100%; margin: 0 auto; }

        /*BOX*/

        .box-section { padding: 0 15px 30px; }
        .box-image .content-image { margin: 0; }
        .box-wrap { padding: 30px 15px; background-size: 120px 60px; }
        .box-column { flex-direction: column-reverse; gap: 15px 0; }
        .box-image, .box-content { max-width: 100%; width: 100%; }
        .box-content .content-text { max-width: 100%; width: 100%; padding: 0; }

    /*FOOTER*/

    #footer { padding: 30px 15px; }
    .footer-compass { margin: 20px 0 0; }
    .footer-compass .content-image { max-width: 130px; }
    .footer-wrap { gap: 30px 0; }
    .footer-wrap .footer-logo, .footer-wrap .footer-content { width: 100%; }
    .footer-wrap .footer-logo .content-image { max-width: 300px; width: 100%; margin: 0 auto; }
    .footer-text .content-text p { max-width: 100%; width: 100%; font-size: 18px; }
    .footer-content .socials { margin: 0; }

        /*COPYRIGHT*/

        .copyright { width: 100%; margin: 15px 0 0; }
        .copyright .content-text p { font-size: 18px; margin: 15px 0 0!important; }
        .copyright .content-text p:last-of-type { margin: 0!important; }

    /*INNER*/

    .inner #banner { padding: 0 20px 40px; min-height: 200px; }
    .inner #content { padding: 30px 15px; }

        /*STORY*/

        .inner.story .tag-section { padding: 30px 15px; }
        .inner.story .story-image { width: 100%; }
        .inner.story .story-container { position: relative; top: unset; transform: none; width: 100%; }
        .inner.story .story-content { background-size: 100px 50px; }
        .inner.story .story-content .content-text { max-width: 100%; width: 100%; }
        .inner.story .story-content, .inner.story .story-container { padding: 15px; }

        .inner.story .stories-section { padding: 15px; }
        .inner.story .stories-image, .inner.story .stories-content { width: 100%; }
        .inner.story .stories-wrap.rr { flex-direction: column-reverse!important; }
        .inner.story .stories-wrap { gap: 15px 0; }
        .inner.story .stories-content { background-image: linear-gradient(to right, #e0e0e0 100px, transparent 100px), linear-gradient(to bottom, #e0e0e0 50px, transparent 50px), linear-gradient(to right, #e0e0e0 100px, transparent 100px), linear-gradient(to top, #e0e0e0 50px, transparent 50px); padding: 15px; }
        .inner.story .stories-content .content-text { max-width: 100%; width: 100%; }


        .inner.story .about-section { padding: 0 15px; }
        .inner.story .about-content, .inner.story .about-image { width: 100%; }

        .inner.story .detail-container { margin: 0; }

        .inner.story .blakes-box-section { padding: 30px 15px; }
        .inner.story .blakes-box-section .row { padding: 20px; }
        .inner.story .blakes-box-container { background-size: 100px 50px; padding: 30px 15px; }
        .inner.story .blakes-box-wrap { margin: 20px auto 0; gap: 20px; }
        .inner.story .blakes-box-item { width: 100%; }
        .inner.story .blakes-box-item .content-text h4 { margin: 15px 0; }

        .inner.story .detail-section { padding: 0 15px; }
        .inner.story .detail-container .content-text h4 { margin: 15px 0; }

        .inner.story .stories-section.alt { padding: 15px 15px 30px; }
        .inner.story .stories-content.alt { background-image: linear-gradient(to left, #e0e0e0 100px, transparent 100px), linear-gradient(to bottom, #e0e0e0 50px, transparent 50px), linear-gradient(to left, #e0e0e0 100px, transparent 100px), linear-gradient(to top, #e0e0e0 50px, transparent 50px); padding: 15px }

        /*WORKS*/

        .inner.works .tag-section { padding: 30px 15px; }
        .inner.works .tag-wrap { gap: 15px 0!important; }
        .inner.works .tag-section .tag-content, .inner.works .tag-section .tag-image { width: 100%; }
        .inner.works .tag-section .tag-image .content-image { max-width: 150px; width: 100%; margin: 0 auto; }

        .inner.works .box-section { padding: 0 15px 30px; }
        .inner.works .box-section .row { padding: 15px; }
        .inner.works .box-wrap { padding: 30px 15px; background-size: 100px 50px; }
        .inner.works .box-content, .inner.works .box-image { max-width: 100%; width: 100%; }
        .inner.works .box-content .content-text { max-width: 100%; width: 100%; padding: 0; }

        .inner.works .box-image .content-image { margin: 0 auto; }

        .inner.works .memorial-section { padding: 30px 15px; }
        .inner.works .memorial-section .row { margin: 0 auto; }
        .inner.works .memorial-left, .inner.works .memorial-right { width: 100%; }
        .inner.works .memorial-left { padding: 15px; }
        .inner.works .memorial-content { padding: 30px 15px; background-size: 100px 50px;  }
        .inner.works .memorial-content .content-text { max-width: 100%; width: 100%; }
        .inner.works .memorial-content .content-text p { margin: 15px 0 0!important; }
        .inner.works .memorial-right { padding: 15px 0 0; }

        .inner.works .memorial-box .content-image { margin: 0 auto; }

        .inner.works .post-section { padding: 0 15px 30px; }
        .inner.works .post-item { width: 100%; }
        .inner.works .post-item .content-text { padding: 0; }
        .inner.works .post-item .content-text::before { display: none; }


        /*DESIGNS*/

        .inner.designs .gallery-section { padding: 0 15px; }
        .inner.designs .galBox { margin: 30px 0 0; }

        .inner.designs .video-wrap { flex-direction: column-reverse; gap: 20px; } 
        .inner.designs .video-section { padding: 30px 15px; }
        .inner.designs .video-content, .inner.designs .video-image { width: 100%; }
        .inner.designs .video-content .content-text { max-width: 100%; width: 100%; }
        .inner.designs .video-content .content-text p:last-of-type { margin-bottom: 0!important; }


        .inner.designs .portfolio-wrap { flex-direction: column-reverse; gap: 20px; } 
        .inner.designs .portfolio-section { padding: 0 15px; }
        .inner.designs .portfolio-content, .inner.designs .portfolio-image { width: 100%; }
        .inner.designs .portfolio-content .content-text { max-width: 100%; width: 100%; }

        .inner.designs .logo-section { padding: 30px 15px; }
        .inner.designs .logo-wrap { gap: 20px; }
        .inner.designs .logo-image, .inner.designs .logo-content { width: 100%; }


        .inner.designs .tag-section { padding: 30px 15px 0; }
        .inner.designs .tag-container { padding: 15px; }
        .inner.designs .tag-content, .inner.designs .video-content, .inner.designs .portfolio-content { padding: 30px 15px; background-size: 100px 50px; }

        /*HELP*/

        .inner.help .help-section { padding: 30px 15px; }
        .inner.help .help-content .content-text h4 { margin: 10px 0; }

        .inner.help .ways-item { width: 100%; padding: 15px; }
        .inner.help .ways-item .ways-content, .inner.help .ways-item.donate .ways-content, .inner.help .volunteer-content { background-size: 100px 50px; }
        .inner.help .ways-item .ways-content { padding: 30px 15px 0; }
        .inner.help .ways-item .ways-content .content-text { max-width: 100%; width: 100%; margin: 0 auto; }
        .inner.help .ways-item .ways-content .content-text h4 { margin: 10px 0; }
        .inner.help .ways-item.donate .ways-content { padding: 15px 15px 30px; }
        .inner.help .ways-item.donate .button { max-width: 250px; margin: 0 auto; gap: 10px 0; }

        .inner.help .sponsor-section { padding: 30px 15px; }
        .inner.help .sponsor-wrap { max-width: 300px; width: 100%; margin: 0 auto; gap: 15px; }
        .inner.help .sponsor-item { max-width: 100%; width: 100%; margin: 0 auto; padding: 30px 15px; }
        .inner.help .sponsor-item .content-text h2 { margin: 0 0 15px; }
        .inner.help .sponsor-item .content-text { max-width: 100% width: 100%; }

        .inner.help .mission-column, .inner.help .volunteer-column { width: 100%; }
        .inner.help .mission-column { padding: 30px 15px; }
        .inner.help .mission-column .mission-content { max-width: 100%; width: 100%; }
        .inner.help .mission-column .mission-content .content-text ul { text-align: left; }
        .inner.help .mission-column .mission-content .content-text ul li i { top: 5px; }

        .inner.help .donate-button .content-text p { margin: 0!important; }

        .inner.help .volunteer-column { padding: 15px; }
        .inner.help .volunteer-content { padding: 30px 15px 0; }
        .inner.help .volunteer-column .content-text { max-width: 100%; width: 100%; }
        .inner.help .volunteer-column .content-text ul { text-align: left; margin: 15px 0; }

        .inner.help .honor-section { padding: 30px 15px 15px; }
        .inner.help .honor-content .content-text br { display: none; }
        .inner.help .honor-wrap { margin: 15px 0; }
        .inner.help .honor-wrap { max-width: 300px; width: 100%; margin: 0 auto; gap: 15px; }
        .inner.help .honor-item { max-width: 100%; width: 100%; margin: 0 auto; padding: 30px 15px; }
        .inner.help .honor-item .content-image { margin: 0 auto 15px; }

        .inner.help .thank-section .row { padding: 15px; }
        .inner.help .thank-content { padding: 30px 15px;  background: linear-gradient(to right, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to bottom, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to left, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat, linear-gradient(to top, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat; }

        .inner.help .connect-section { padding: 15px 15px 30px; }

        /*BOARD*/

        .inner.board .directors-section { padding: 30px 15px 0; }
        .inner.board .directors-section .row { padding: 15px; }
        .inner.board .directors-content { padding: 30px 15px 15px;  background: linear-gradient(to right, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to bottom, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to left, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat, linear-gradient(to top, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat; }  
        .inner.board .directors-content .content-text h4 { margin: 10px 0; }     

        .inner.board .members-section { padding: 30px 15px; } 
        .inner.board .members-wrap { margin: 20px 0 0; gap: 15px; grid-template-columns: repeat(1, 1fr); }
        .inner.board .members-item { width: 100%; }
        .inner.board .members-item .content-text { margin: 20px 0 0; padding: 0 10px; }
        .inner.board .members-item .content-image { max-width: 460px; width: 100%; margin: 0 auto; }

        .inner.board .mission-section { padding: 0 15px 30px; }
        .inner.board .mission-section .row { padding: 15px; }
        .inner.board .mission-box { padding: 30px 15px 15px; background: linear-gradient(to right, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to bottom, #e0e0e0 1px, transparent 1px) top left / 100px 50px no-repeat, linear-gradient(to left, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat, linear-gradient(to top, #e0e0e0 1px, transparent 1px) bottom right / 100px 50px no-repeat; }  
        .inner.board .mission-wrap { gap: 15px; }
        .inner.board .mission-image, .inner.board .mission-content { width: 100%; }

        /*CONTACT*/

        .inner.contact .reach-section { padding: 30px 15px; }
        .inner.contact .reach-content .mail a { font-size: 18px; }

        .inner.contact .contact-section .row { padding: 15px }

        .inner.contact .inquiry-section { padding: 30px 15px; }
        .inner.contact .inquiry-wrap { margin: 20px auto 0; gap: 15px; max-width: 375px; width: 100%; }
        .inner.contact .inquiry-item { width: 100%; }
        .inner.contact .inquiry-info a, .inner.contact .inquiry-info i { font-size: 18px; }
        .inner.contact .inquiry-info i { display: block; text-align: center; margin: 0 auto 10px; }

}


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

    /*GALLERY*/

    #content .gallery li { width: 100%; }
    #content .gallery { grid-template-columns: repeat(1, 1fr); }




}

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

    p, ul li { font-size: 16px; }

    /*BANNER*/

    .banner-content .content-text h1, .inner #banner .banner-content .content-text h1 { font-size: 50px; } 

    /*CONTENT*/

    .content-text h1, .content-text h2 { font-size: 45px; } 
    .content-text h3 { font-size: 30px; }
    .content-text h4 { font-size: 25px; }

        /*STORY & BOX*/

        .story-content, .box-wrap { background-size: 50px 50px; }


}