/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
*
{
    font-family: 'Roboto';     
    /* font-weight: bolder; */
}

body
{
    /* background: -webkit-linear-gradient(left, #424844, #424844); */
}

.fix
{
    display:list-item;
    margin-top:1.5%;
}

.contact-form
{
    background: #fff;
    width: 70%;
}

.contact-form h3
{
    font-family: 'Roboto';
}

.contact-form .form-control
{
    border-radius:1rem;
}

.contact-image
{
    text-align: center;
}

.contact-image img
{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}

.contact-form form
{
    padding: 14%;
}

.contact-form form .row
{
    margin-bottom: -7%;
}

.contact-form h3
{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #082a51;
}

.contact-form .btnContact
{
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    font-weight: 700;
    background: #082a51;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto';
    outline:none;
}

.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #78af00;
    border: none;
    cursor: pointer;
}

.responsive
{   
    width: auto;
    height: auto;
}

@media screen and (max-width: 768px) {
    .contact-form
    {
        width:100%;
    }

    .fix
    {
        margin-top:5%;
    }
}