@media all {
    /* overrides */
    .brand_box_group { grid-template-columns:1fr 1fr; }
    .brand_box_group > div h4 { margin:0px; }
    .brand_box_group > div a { margin-top:initial; }

    /* intro */
    #intro .container_row_content { padding-bottom:0px; }

    #intro .intro_group { grid-template-columns:3fr 7fr; gap:var(--spacing-5L); align-items:center; }
    #intro .intro_group > div:nth-child(1) img { display:block; margin:0px; width:100%; }

    #intro .intro_group > div:nth-child(2) a { margin-top:var(--spacing-1L); }

    /* contact */
    #contact h2 { margin:0px auto var(--spacing-1L) auto; width:70%; text-align:center; line-height:1.5; }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {

}

@media (max-width:800px) {
    #intro .intro_group { grid-template-columns:1fr; text-align:center; gap: var(--spacing-3L); }
    #intro .intro_group > div:nth-child(1) { order:2; text-align:center; }
    #intro .intro_group > div:nth-child(1) img { margin:0px auto; width:80%; max-width:100px; }
}

@media (max-width:500px) {

}