﻿@media all {
    /* contact_us */
    #intro .header { margin:0px auto; width:70%; text-align:center; }
    #intro .header h1 { margin-bottom:var(--spacing-0); font-size:var(--font-size-0); font-weight:var(--font-weight-normal); text-transform:uppercase; }
    #intro .header .sub_title { font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); }

    #intro .contact_group .body { position:relative; z-index:2; }

    #intro .contact_group { margin-top:var(--spacing-2L); grid-template-columns:6fr 4fr; gap:0px; align-items:; }
    #intro .contact_group > div:nth-child(1) .body { padding-right:var(--spacing-2L); border-right:1px var(--color-black) solid; }
    #intro .contact_group > div:nth-child(1) .body  .input_button { margin-top:var(--spacing-1S); }

    #intro .contact_group > div:nth-child(2) .body { padding-left:var(--spacing-2L); }
    #intro .contact_group > div:nth-child(2) .body  ul.contact_list { position:relative; grid-template-columns:1fr; gap:var(--spacing-1L);  }
    #intro .contact_group > div:nth-child(2) .body  ul.contact_list h2 { margin:0px 0px var(--spacing-3S) 0px; font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); text-transform:uppercase; letter-spacing:1px; }
    #intro .contact_group > div:nth-child(2) .body  ul.contact_list p { margin-bottom:0px; }
    #intro .contact_group > div:nth-child(2) .body  ul.contact_list p.name { font-weight:var(--font-weight-bold); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
    #intro:after { right:initial; left:var(--spacing-2L); }
}

@media (max-width:700px) {
    #intro ul.form_box { grid-template-columns:1fr;}

    #intro:after { display:none; }

    #intro .contact_group { grid-template-columns:1fr; gap:var(--spacing-4L); }
    #intro .contact_group > div:nth-child(1) .body { border-right:0px; }

    #intro .contact_group > div:nth-child(2) .body { padding-left:0px; }
    #intro .contact_group > div:nth-child(2) .body  ul.contact_list { grid-template-columns:1fr 1fr;  }
}

@media (max-width:500px) {

}