/** Url fonts **/
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Ubuntu:wght@300;400&display=swap');

body{
    width:100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

/** General Class **/
.anton{font-family: 'Anton', sans-serif;}
.ubuntu{font-family: 'Ubuntu', sans-serif;}

/** Form **/
#form-width{width:100%;}
#form-container{
    width:75%;
    margin:50px auto;
    background-color:#fff;
    border-radius:5px;
}
#form-container .logotipe a{
    text-decoration: none;
    margin:30px 0px;
}
#form-container .logotipe a img{
    width:60px;
    height:60px;
}
#form-container .logotipe a h3{
    margin-left:10px;
    color:#212121;
    letter-spacing:2px;
    font-size:30px;
    font-weight:300;
}
#form-container div h4{
    font-size:40px;
    letter-spacing:3px;
    color:#212121;
}
#form-container div hr{
    width:95%;
    margin:20px auto;
}

/** inputs **/
#form-container .inputs-form{
  width: 100%;
  display:flex;
  flex-direction:column;
  padding:0px 15px;
}
#form-container .inputs-form label{
    font-size:16px;
    color:#212121;
}
#form-container .inputs-form #send-form{
    background-color:#1266F1;
    margin-bottom:50px;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
}

/** Form image **/
#form-container .img-form{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#form-container .img-form img{
    width: 80%;
    height:80%;
}

/** media query **/
@media only screen and (max-width:647px){
    #form-container{
        width:100%;
    }
}