/* Form CSS */
    
input[type=text],textarea, select {
        width: 40%;
        font-family: 'Lato';
        font-size: var(--main-font-size);
        padding: 12px 20px;
        margin-left:0%;
        border: 0px solid #FFFFFF;
        border-radius: 4px;
        box-sizing: border-box;
}

textarea {
        resize: none;
}
      
input[type=submit],button {
        font-family: 'Lato';
        font-size: var(--main-font-size);
        width: 20%;
        border: 1px solid var(--main-bg-color);
        color: var(--main-font-color);
        padding: 14px 0px;
        background-color:var(--main-bg-color);
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
}
    
input[type=submit]:hover,button:hover {
        background-color: var( --main-div-hover-color);
        border: 1px solid var(--main-div-hover-color);
        color: var(--main-bg-color);
        -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
}
/* Tablet */
@media screen and (max-width :1028px) {
    input[type=text],textarea, select {
        width:70%;
    }
}

/* Handy */
@media screen and (max-width :720px) {
    input[type=text],textarea, select {
        width:90%;
    }
}