/*==========================
Contact
==========================*/

.contactPage{

    background:var(--cream);

}

.contactWrap{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:80px;

    align-items:start;

}

.contactInfo h2{

    margin:15px 0 25px;

    font-size:42px;

    color:var(--main);

}

.contactInfo .intro{

    line-height:2;

    margin-bottom:40px;

}

.infoList{

    display:grid;

    gap:30px;

}

.infoItem{

    padding-bottom:25px;

    border-bottom:1px solid rgba(201,161,90,.3);

}

.infoItem h3{

    margin:0 0 12px;

    color:var(--gold);

    font-size:16px;

    letter-spacing:.15em;

}

.infoItem p{

    margin:0;

    font-size:18px;

    color:#444;

}

.contactForm{

    background:#fff;

    padding:45px;

    border:1px solid #ead9bd;

}

.formItem{

    margin-bottom:25px;

}

.formItem label{

    display:block;

    margin-bottom:10px;

    color:var(--main);

    font-weight:500;

}

.formItem input,

.formItem textarea{

    width:100%;

    padding:16px 18px;

    border:1px solid #ddd;

    font-size:16px;

    background:#fff;

    transition:.3s;

}

.formItem input:focus,

.formItem textarea:focus{

    border-color:var(--gold);

    outline:none;

}

.formItem textarea{

    height:180px;

    resize:none;

}

.submitBtn{

    width:100%;

    height:60px;

    border:none;

    cursor:pointer;

    background:var(--gold);

    color:#fff;

    font-size:16px;

    letter-spacing:.15em;

    transition:.35s;

}

.submitBtn:hover{

    background:#111;

}

.mapArea iframe{

    width:100%;

    height:500px;

    border:none;

    display:block;

}

/*==========================
RWD
==========================*/

@media(max-width:991px){

.contactWrap{

grid-template-columns:1fr;

gap:60px;

}

}

@media(max-width:768px){

.contactInfo h2{

font-size:34px;

}

.contactForm{

padding:30px;

}

.mapArea iframe{

height:350px;

}

}