@media all {
    /* overrides */
    header { padding-top:var(--spacing-1S); text-align:center; }
    header nav { display:none; } 
    header a#logo { display:inline-block; position:relative; padding:0px var(--spacing-1L); top:initial; left:initial; transform:initial; }

    header a#logo img { width:100%; max-width:400px; height:140px; object-fit:contain; }

    nav { display:none; }
    footer { display:none; }

    .wrapper_row:first-child { min-height:initial; } 

    /* intro */
    #home_intro .container_row_content { padding-top:var(--spacing-1S); padding-bottom:var(--spacing-1L); }
    
    #home_intro .hero { position:relative; margin-bottom:var(--spacing-1L); background-color:var(--color-light-gray); background-size:cover; background-repeat:no-repeat; border-radius:var(--spacing-0); }
    #home_intro .hero:after { content: ""; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 20%, black 100%); pointer-events: none; opacity:.9; border-radius:var(--spacing-0); z-index: 1; }

    #home_intro .hero .body { position:relative; padding:var(--spacing-5L) var(--spacing-2L); text-align:center; z-index:2; }
    #home_intro .hero .body h2 { color:var(--color-white); font-size:var(--font-size-3L); font-weight:var(--font-weight-boldest); text-transform:uppercase; letter-spacing:2px;  filter: drop-shadow(0px 0px 10px var(--color-black)); }
    #home_intro .hero .body p { color:var(--color-white); filter: drop-shadow(0px 0px 4px var(--color-black)); }
    #home_intro .hero .body a { margin-top:var(--spacing-0); font-size:var(--font-size-1S); font-weight:var(--font-weight-boldest); text-transform:uppercase; letter-spacing:2px; }

    #home_intro ul.menu_list { grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-0); }
    #home_intro ul.menu_list a { display:block; padding:var(--spacing-0); color:var(--color-white); font-weight:var(--font-weight-bold); text-transform:uppercase; letter-spacing:1.2px; background-color:var(--color-red); border-radius:var(--spacing-1S); }
    #home_intro ul.menu_list a span { position:absolute; top:50%; right:var(--spacing-2S); transform:translate(-50%, -50%); z-index:1; }

    #home_intro ul.menu_list a:hover,
    #home_intro ul.menu_list a:focus-visible { color:var(--color-white); background-color:var(--color-black); }

    /*lessings */
    #home_lessings { padding-bottom:var(--spacing-1L); }
    #home_lessings .container_row_content { padding:var(--spacing-2L); border-radius:var(--spacing-0); }

    #home_lessings .info_group { grid-template-columns:3fr 7fr; gap:var(--spacing-3L); align-items:center; }
    #home_lessings .info_group div:nth-child(1) { text-align:center; }
    #home_lessings .info_group div:nth-child(1) img { display:block; margin:0px auto; width:80%; }
    
    #home_lessings .info_group div:nth-child(2) { font-size:var(--font-size-1L); }
    #home_lessings .info_group div:nth-child(2) a.link { margin-top:var(--spacing-0); color:var(--color-black); font-size:var(--font-size-1S); font-weight:var(--font-weight-boldest); text-transform:uppercase; text-decoration:underline; letter-spacing:1.4px; }
    #home_lessings .info_group div:nth-child(2) a.link:hover,
    #home_lessings .info_group div:nth-child(2) a.link:focus { text-decoration:none; }
}

@media (max-width:1500px) {
    header a#logo img { max-width:350px;}
}

@media (max-width:1400px) {
    
}

@media (max-width:1000px) {
    header a#logo img { max-width:300px;}

    #home_lessings .info_group { gap:var(--spacing-2L); }
}

@media (max-width:700px) {
    header a#logo img { max-width:200px;}

    #home_intro ul.menu_list { grid-template-columns:1fr 1fr; }
    #home_intro .hero .body p { font-size:var(--font-size-2L); }
    #home_intro .hero .body a { font-size:var(--font-size-0); }

    #home_lessings .info_group { gap:var(--spacing-1L); }
}