@media all {
    /* intro */
    #intro .intro_group { align-items:flex-start; gap:var(--spacing-5L); }

    #intro .intro_group > div:nth-child(1) .body { width:80%; }
    #intro .intro_group > div:nth-child(1) h1 { margin:0px 0px var(--spacing-1L) 0px; font-size:var(--font-size-0); font-weight:var(--font-weight-normal); text-transform:uppercase; }
    #intro .intro_group > div:nth-child(1) p { font-size:var(--font-size-3L); font-weight:var(--font-weight-bold); }

    #intro .intro_group > div:nth-child(2) p { font-size:var(--font-size-1L); }

    #hero img { display:block; margin:0px; width:100%; }
}

@media (max-width:1600px) {

}


@media (max-width:1400px) {
    #intro .intro_group > div:nth-child(1) .body { width:100%; }
}

@media (max-width:1200px) {
    #intro .intro_group { grid-template-columns:4fr 6fr;}
}

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

@media (max-width:760px) {
    #intro .intro_group { grid-template-columns:1fr; gap:var(--spacing-0); }
}

@media (max-width:600px) {

}