* {
    margin: 0;
    padding: 0; 
}

body {
    background-image: url(backgrounds/Limcom-servicios-limpieza-industrial-nosotros.png);
    background-repeat: no-repeat;
    background-size: 2000px;
    background-position: 0px 100px;
}

.box {
    width: 98%;
    margin: auto;
}

section {
    width: 100%;
    margin-bottom: 25px;
}

p {
    margin-bottom:10px;
}



/*********************************boxes**********************************/

.description {
    padding-left:20px;
    text-align: justify;
}

.contact {
    width:100%;
    padding:0 20px 0 39px;
}

/*********************************content*************************************/

h3 {
    font-size:24px;
    line-height:1.208em;
    font-weight:400;
    margin-bottom:8px;
    color:#ffffff;
    text-align: justify;
}

/***** contact form *****/
#contact-form {
    display:block;
}

#contact-form fieldset {
    border:0px;
}

#contact-form label {
    display:block;
    height:30px;
    overflow:hidden;
}

#contact-form span {
    font-size: 15px;
    color:#ffffff;
}

#contact-form textarea {
    float:left;
    height:215px;
    width:522px;
    font-size:12px;
    line-height:1.25em;
    color:#4c4c4c;
    padding:4px 10px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #dcddd9;
    overflow:auto;
}

.text-form {
    float:left;
    display:block;
    font-size:14px;
    line-height:2em;
    width:73px;
    color:#4c4c4c;
    font-family:Arial, Helvetica, sans-serif;
}

.buttons {
    padding:20px 0 0 0;
    float: right;
    display: flex;
}

input[type=text], input[type=email] {
    float:left;
    width:322px;
    font-size:12px;
    line-height:1.25em;
    color:#4c4c4c;
    padding:4px 10px;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    border:1px solid #dcddd9;
}

input[type=button], input[type=reset] {
    font-size: 18px;
    color: #dcddd9;
    text-decoration:none;
    text-align: center;
    line-height: 50px;
    background:#152d69;
    width: 100px;
    height: 50px;
    border: 0px;
    margin-right: 25px;
    font-family:"Eras ITC", "Eras Light ITC", sans-serif;
}

input[type=button], input[type=submit] {
    font-size: 18px;
    color: #dcddd9;
    text-decoration:none;
    text-align: center;
    line-height: 50px;
    background:#152d69;
    width: 100px;
    height: 50px;
    border: 0px;
    font-family:"Eras ITC", "Eras Light ITC", sans-serif;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    color: #ffffff;
    background:#02549e;
    cursor:pointer;
}

#contacto-limcom .description {
    width:640px;
    margin-right:40px;
    float: left;
}

.wrapper {
    width:100%;
    overflow:hidden;
    position:relative;
}

.extra-wrap {
    overflow:hidden;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.name {
    margin-bottom:70px;
}

.email {
    margin-bottom:15px;
}

/*======= contacto.html =======*/
#contacto-limcom .description {
    padding:0 20px;
    float: left;
    justify-content: center;
}

#contacto-limcom .contact {
    padding:0 20px;
}

#main-content .box {
    display: flex;
    flex-wrap: wrap;
}

#main-content article {
    margin: 15px;
}

#main-content .description {
    flex: 30%;
    background-color: #000000;
    opacity: 0.95;
    padding: 20px;
    flex-grow: 80;
    color:#ffffff;
}

#main-content .contact {
    flex: 30%;
    background-color: #000000;
    opacity: 0.8;
    padding: 20px;
    color:#ffffff;
    height: 260px;
}

@media (min-width:1024px) {
    .box {
        width: 1000px;       
    }
}

@media (max-width:982px) {
    #contact-form textarea {
        width: 400px;
    }

    #contact-form input {
        width: 240px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:980px) {
    #contact-form textarea {
        width: 400px;
    }

    #contact-form input {
        width: 240px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:970px) {
    #contact-form textarea {
        width: 400px;
    }

    #contact-form input {
        width: 240px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:810px) {
    #contact-form textarea {
        width: 390px;
    }

    #contact-form input {
        width: 235px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:800px) {
    #contact-form textarea {
        width: 380px;
    }

    #contact-form input {
        width: 230px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:780px) {
    #contact-form textarea {
        width: 370px;
    }

    #contact-form input {
        width: 225px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:770px) {
    #contact-form textarea {
        width: 360px;
    }

    #contact-form input {
        width: 220px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:760px) {
    #contact-form textarea {
        width: 350px;
    }

    #contact-form input {
        width: 215px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:750px) {
    #contact-form textarea {
        width: 340px;
    }

    #contact-form input {
        width: 210px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:740px) {
    #contact-form textarea {
        width: 330px;
    }

    #contact-form input {
        width: 205px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:730px) {
    #contact-form textarea {
        width: 320px;
    }

    #contact-form input {
        width: 200px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:720px) {
    #contact-form textarea {
        width: 310px;
    }

    #contact-form input {
        width: 195px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:710px) {
    #contact-form textarea {
        width: 300px;
    }

    #contact-form input {
        width: 190px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:700px) {
    #contact-form textarea {
        width: 290px;
    }

    #contact-form input {
        width: 185px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:690px) {
    #contact-form textarea {
        width: 280px;
    }

    #contact-form input {
        width: 180px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:680px) {
    #contact-form textarea {
        width: 270px;
    }

    #contact-form input {
        width: 175px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:670px) {
    #contact-form textarea {
        width: 260px;
    }

    #contact-form input {
        width: 170px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:660px) {
    #contact-form textarea {
        width: 250px;
    }

    #contact-form input {
        width: 165px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:650px) {
    #contact-form textarea {
        width: 240px;
    }

    #contact-form input {
        width: 160px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 75px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:640px) {
    #contact-form textarea {
        width: 230px;
    }

    #contact-form input {
        width: 155px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 65px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 65px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:630px) {
    #contact-form textarea {
        width: 220px;
    }

    #contact-form input {
        width: 150px;
    }

    #contact-form input[type=reset] {
        font-size: 12px;
        width: 65px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 12px;
        width: 65px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:620px) {
    #contact-form textarea {
        width: 500px;
    }

    #contact-form input {
        width: 280px;
    }
}

@media (max-width:610px) {
    #contact-form textarea {
        width: 490px;
    }

    #contact-form input {
        width: 275px;
    }
}


@media (max-width:600px) {
    #contact-form textarea {
        width: 480px;
    }

    #contact-form input {
        width: 270px;
    }
}

@media (max-width:590px) {
    #contact-form textarea {
        width: 470px;
    }

    #contact-form input {
        width: 265px;
    }
}

@media (max-width:580px) {
    #contact-form textarea {
        width: 460px;
    }

    #contact-form input {
        width: 260px;
    }
}

@media (max-width:570px) {
    #contact-form textarea {
        width: 450px;
    }

    #contact-form input {
        width: 255px;
    }
}

@media (max-width:560px) {
    #contact-form textarea {
        width: 440px;
    }

    #contact-form input {
        width: 250px;
    }
}

@media (max-width:550px) {
    #contact-form textarea {
        width: 430px;
    }

    #contact-form input {
        width: 245px;
    }
}

@media (max-width:540px) {
    #contact-form textarea {
        width: 420px;
    }

    #contact-form input {
        width: 240px;
    }
}

@media (max-width:530px) {
    #contact-form textarea {
        width: 410px;
    }

    #contact-form input {
        width: 235px;
    }
}

@media (max-width:520px) {
    #contact-form textarea {
        width: 400px;
    }

    #contact-form input {
        width: 230px;
    }
}

@media (max-width:510px) {
    #contact-form textarea {
        width: 390px;
    }

    #contact-form input {
        width: 225px;
    }
}

@media (max-width:500px) {
    #contact-form textarea {
        width: 380px;
    }

    #contact-form input {
        width: 220px;
    }
}

@media (max-width:490px) {
    #contact-form textarea {
        width: 370px;
    }

    #contact-form input {
        width: 215px;
    }
}

@media (max-width:480px) {
    #contact-form textarea {
        width: 360px;
    }

    #contact-form input {
        width: 210px;
    }
}

@media (max-width:470px) {
    #contact-form textarea {
        width: 350px;
    }

    #contact-form input {
        width: 205px;
    }
}

@media (max-width:460px) {
    #contact-form textarea {
        width: 340px;
    }

    #contact-form input {
        width: 200px;
    }
}

@media (max-width:450px) {
    #contact-form textarea {
        width: 330px;
    }

    #contact-form input {
        width: 195px;
    }
}

@media (max-width:440px) {
    #contact-form textarea {
        width: 320px;
    }

    #contact-form input {
        width: 190px;
    }
}

@media (max-width:430px) {
    #contact-form textarea {
        width: 310px;
    }

    #contact-form input {
        width: 185px;
    }
}

@media (max-width:420px) {
    #contact-form textarea {
        width: 300px;
    }

    #contact-form input {
        width: 180px;
    }
}

@media (max-width:410px) {
    #contact-form textarea {
        width: 290px;
    }

    #contact-form input {
        width: 175px;
    }
}

@media (max-width:400px) {
    #contact-form textarea {
        width: 280px;
    }

    #contact-form input {
        width: 170px;
    }
}

@media (max-width:390px) {
    #contact-form textarea {
        width: 270px;
    }

    #contact-form input {
        width: 165px;
    }
}

@media (max-width:380px) {
    #contact-form textarea {
        width: 260px;
    }

    #contact-form input {
        width: 160px;
    }
}

@media (max-width:370px) {
    #contact-form textarea {
        width: 250px;
    }

    #contact-form input {
        width: 155px;
    }
}

@media (max-width:360px) {
    #contact-form textarea {
        width: 240px;
    }

    #contact-form input {
        width: 150px;
    }
}

@media (max-width:350px) {
    #contact-form textarea {
        width: 230px;
    }

    #contact-form input {
        width: 145px;
    }
}

@media (max-width:340px) {
    #contact-form textarea {
        width: 220px;
    }

    #contact-form input {
        width: 147px;
    }

    #contact-form input[type=reset] {
        font-size: 10px;
        width: 45px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 10px;
        width: 45px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:330px) {
    #contact-form textarea {
        width: 210px;
    }

    #contact-form input {
        width: 137px;
    }
}

@media (max-width:320px) {
    #contact-form textarea {
        width: 200px;
    }

    #contact-form input {
        width: 127px;
    }
}

@media (max-width:310px) {
    #contact-form textarea {
        width: 190px;
    }

    #contact-form input {
        width: 117px;
    }
}

@media (max-width:300px) {
    #contact-form textarea {
        width: 180px;
    }

    #contact-form input {
        width: 107px;
    }

    #contact-form input[type=reset] {
        font-size: 9px;
        width: 40px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 9px;
        width: 40px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:290px) {
    #contact-form textarea {
        width: 170px;
    }

    #contact-form input {
        width: 97px;
    }

    #contact-form input[type=reset] {
        font-size: 8px;
        width: 32px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 8px;
        width: 32px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}

@media (max-width:280px) {
    #contact-form textarea {
        width: 165px;
    }

    #contact-form input {
        width: 92px;
    }

    #contact-form input[type=reset] {
        font-size: 8px;
        width: 32px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }

    #contact-form input[type=submit] {
        font-size: 8px;
        width: 32px;
        height: 35px;
        text-align: center;
        line-height: 35px;
    }
}