/* .contact-main-info{
    font-family: "Poppins", sans-serif;
} */

.logo-font-contact{
    font-size: 1.1vw;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.logo-moto-contact{
    font-size: 0.8vw;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 800;
}

.contact-back{
    background: url(IMG/pexels-fauxels-3183197.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
}

.contact-field-back{
    background-color: #e6e6e6;
}

.top-contact-p{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 1.5vw;
    color: rgb(102, 102, 102);
}

.input-flield{
    width: 100%;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    border: none
}

textarea{
    width: 100%;
    padding: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    border: none;
}

.fa-solid-contact{
    font-size: 2.3vw;
}

.conatct-info-header{
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 1.8vw;
}

.conatct-info-writing{
    font-size: 1.5vw;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    color: #B1976B;
}

/* MEDIA QUERY */
@media (max-width:576px){
    .logo-font-contact{
        font-size: 3.5vw;
    }

    .logo-moto-contact{
        font-size: 2.5vw;
    }

    .fa-solid-contact{
        font-size: 5vw;
    }

    .conatct-info-header{
        font-size: 4vw;
    }

    .conatct-info-writing{
        font-size: 4vw;
    }

    .top-contact-p{
        font-size: 4vw;
    }
}

@media (min-width:577px) and (max-width:767px){
    .logo-font-contact{
        font-size: 3.5vw;
    }

    .logo-moto-contact{
        font-size: 2.5vw;
    }

    .fa-solid-contact{
        font-size: 5.3vw;
    }

    .conatct-info-header{
        font-size: 4.3vw;
    }

    .conatct-info-writing{
        font-size: 4.3vw;
    }

    .top-contact-p{
        font-size: 4.2vw;
    }

    .contact-back{
        height: 100vh;
    }

    input, textarea{
        font-size: 3.5vw;
    }
}


@media (min-width:768px) and (max-width:991px){
    .logo-font-contact{
        font-size: 3.5vw;
    }

    .logo-moto-contact{
        font-size: 2.5vw;
    }

    .top-contact-p{
        font-size: 4.2vw;
    }

    .contact-back{
        height: 100vh;
    }

    .fa-solid-contact{
        font-size: 5.3vw;
    }

    .conatct-info-header{
        font-size: 4.3vw;
    }

    .conatct-info-writing{
        font-size: 4.3vw;
    }

    input, textarea{
        font-size: 3.2vw;
    }
}


@media (min-width:992px) and (max-width:1199px){
    .contact-back{
        height: 100vh;
    }

    .logo-font-contact{
        font-size: 1.8vw;
    }

    .logo-moto-contact{
        font-size: 1.3vw;
    }

    .top-contact-p{
        font-size: 1.8vw;
    }
}  


@media (min-width:1200px) and (max-width:1399px){
    
}


@media (min-width:1400px){
    
}