/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
    input[type=text] {
        margin-bottom: 0px;
    }
    .btn:link,
    .btn:visited,
    input[type=submit] {
        padding: 10px;
        font-size: 90%;
    }
    input[type=text]:last-of-type{
        margin-bottom:22px;
    }


    .box-content h3 {
        font-size: 95%;
        /* padding: 0% 0px 30% 0px; */
    }
    .box-content h1{
        font-size: 101%;
    }
    .box-content h1:last-of-type{
        font-size: 78%;
    }
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1024px) {
    .box-form {
        padding: 40px 15% 40px 30px;
    }
}



/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 768px) {
    .box-form {
        padding: 40px 30px;
    }
}



/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    input[type=text] {
        margin-bottom: 0px;
    }
    .content-box-form h1{
        font-size: 90%;
    }
    .content-box-form h3{
        font-size: 85%;
    }
    .btn:link,
    .btn:visited,
    input[type=submit] {
        padding: 5px;
        font-size: 85%;
    }
}

@media only screen and (max-width: 360px) {
    .content-box-form h1 {
        font-size: 84%;
    }
    .content-box-form h3 {
        font-size: 75%;
    }
    .btn:link,
    .btn:visited,
    input[type=submit] {
        padding: 5px;
        font-size: 75%;
    }
    input[type=text] {
        height: 28px;
    }
    input[type=text]:last-of-type {
        margin-bottom: 14px;
    }
    .box-form label {
        font-size: 13px;
    }
    .box-form {
        padding: 20px 15px;
    }
}