.contact-page{

    background:#000;
    color:#fff;

    padding:100px 40px 140px;
}

.contact-grid{

    max-width:1300px;

    margin:0 auto;

    display:grid;

    grid-template-columns:500px 600px;

    justify-content:center;

    gap:80px;

    align-items:start;
}

.contact-photo{

    
    position: sticky;
    top: 100px;

}

.contact-photo img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

.contact-content{

    display:flex;

    flex-direction:column;
}

.contact-content h1{

    font-size:72px;

    font-family:Georgia, serif;

    font-weight:300;

    margin:0;
}

.contact-content h2{

    font-size:48px;

    line-height:1.2;

    font-family:Georgia, serif;

    font-weight:300;

    margin:20px 0 40px;
}

.separator{

    width:60px;

    height:1px;

    background:#555;

    margin-bottom:40px;
}

.intro{

    color:#c2c2c2;

    line-height:2;

    margin-bottom:50px;
}

.contact-infos{

    margin-bottom:50px;
}

.info{

    margin-bottom:25px;
}

.info span{

    display:block;

    font-size:11px;

    color:#777;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:8px;
}

.info a,
.info p{

    color:#fff;

    text-decoration:none;
}

.contact-form{

    margin-top:10px;
}

.row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;
}

.contact-form input,
.contact-form textarea{

    width:100%;

    background:transparent;

    border:1px solid #222;

    color:#fff;

    padding:18px;

    margin-bottom:18px;
}

.contact-form input:focus,
.contact-form textarea:focus{

    outline:none;

    border-color:#666;
}

.contact-form textarea{

    min-height:180px;

    resize:none;
}

.contact-form button{

    width:100%;

    height:60px;

    background:none;

    border:1px solid #444;

    color:#fff;

    letter-spacing:3px;

    text-transform:uppercase;

    cursor:pointer;

    transition:.3s;
}

.contact-form button:hover{

    background:#fff;

    color:#000;
}

@media(max-width:1100px){

    .contact-grid{

        grid-template-columns:1fr;

        gap:50px;
    }

    .contact-photo img{

        height:600px;
    }

    .contact-content h1{

        font-size:55px;
    }

    .contact-content h2{

        font-size:34px;
    }

    .row{

        grid-template-columns:1fr;
    }
}