@media all {
    /* intro */
    #intro .intro_group { gap:0px; }
    #intro .intro_group > div:nth-child(1) .body { padding-right:var(--spacing-4L); }
    
    #intro .intro_group > div:nth-child(2) { text-align:center; border-left:1px var(--color-gray) solid; }
    #intro .intro_group > div:nth-child(2) .body { padding-left:var(--spacing-1L); }
    #intro .intro_group > div:nth-child(2) .body img { display:inline-block; margin:0px auto; border-radius:50%; }
    #intro .intro_group > div:nth-child(2) .body h3 { margin-bottom:var(--spacing-1S); font-size:var(--font-size-0); text-transform:uppercase;}
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {

}

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

@media (max-width:700px) {
    #intro .intro_group { grid-template-columns:1fr; }
    #intro .intro_group > div:nth-child(2) { text-align:left; border:0px; }
}