header{
    height: 400px;
    margin-top: 0;
    margin-bottom: 25px;
    background-color: #ccc;
    background-image: url(../imagenes/tablas/tablas.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

main{
    width: 100%;
    height: auto;
    margin-top: 80px;
    margin-bottom: 75px;
}

main h1{
    background-color: #2E2E2E;
    padding: 15px;
    margin-top: -21px;
    margin-bottom: 20px;
    font-size: 1.9rem;
    color: white;
    text-align: center;
}

main form{
    width: 100%;
    height: auto;
    margin: auto;
    padding:15px;
}

main label{font-size: 19px;}

main form input, main form textarea{
    width: 100%;
    height: 40px;
    display: block;
    margin-bottom: 20px;
    border-radius: 6px;
    outline: none;
    border: none;
    padding: 10px;  
    font-size: 1.3rem;
    background-color:#ccc;  
}

main form input:focus, main form textarea:focus{
    box-shadow: 0 8px 5px rgba(0, 0, 0, 0.3);
    background-color:#E6E6E6;
}

main form textarea{height: 200px;}

main form #enviar{
    background-color: #04B486;
    color: white;
    font-weight: bold;
    font-size: 19px;
    line-height: 10px;
    letter-spacing: 1px;
}



/*///////////////////////////////////////////////////*/

@media screen and (min-width:768px){
    header{
    height: 250px;
    margin-top: 62px;
    }
    main{margin-bottom: 30px;}

    main form{width: 60% !important;}

    main form input{height: 50px;}

}


@media screen and (min-width:992px){
    main h1{margin-top: -6px;}   
}
    
@media screen and (min-width:1200px){
    main{
    width: 100%;
    margin: auto; 
    }

    main h1{margin-top: 73px; padding: 25px;}  

    main form{width: 40% !important;}

}