.contact{
background:linear-gradient(var(--second-bg-color), var(--bg-color));
padding-top: 15rem;
}

.contact h2{
    margin-bottom: 3rem;
}

.contact form{
    max-width: 70rem;
    margin: 1rem auto;
    text-align: center;
    margin-bottom: 3rem;
}

.contact form .input-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact form .input-box input,
.contact form textarea{
    width: 100%;
    padding: 1.5rem;
    font-size: 1.6rem;
    color: var(--text-color);
    background: var(--second-bg-color);
    border-radius: .8rem;
    margin: .7rem 0;
}

.contact form .input-box input{
    width: 49%;
}

.contact form textarea{
    resize: none;
}

.contact form .btn{
    margin-top: 2rem;
    cursor: pointer;
}

/*********Beackpoint 768PX*********/
@media (max-width: 768px){
 .contact{
    padding-top: 2rem;
 }

 .contact h2 {
    font-size: 6rem;
 }

.contact form {
    max-width: 80rem;
}
 .contact form .input-box input {
    font-size: 2.25rem;
}

.contact form textarea {
    font-size: 2.25rem;
}

.btn{
    font-size: 2.25rem;
}
}