body{
background-color: #99a4ae;
font-family: 'Montserrat', sans-serif;
}

.contenedor{
max-width: 450px;
margin: 0 auto;
margin-top: 150px;
text-align: center;
}

.caja{
background-color: #0000005e;
padding: 40px 50px;
margin-top: 41px;
margin-bottom: 40px;
border-radius: 21px;
}

h1{
color: white;
font-size: 42px;
margin-bottom: 26px;
}

.caja input{
width: auto;
padding: 26px 24px;
border-radius: 10px;
border: none;
margin-bottom: 15px;
display: block;
width: -moz-available;
width: -webkit-fill-available;
font-size: 16px;
color: #61686e;
}

.caja  label{
display: block;
text-align: left;
cursor: pointer;
}

.caja  label input{
display: inline-block;
width: 20px;
}

.caja  label span{
color: #ffffffb8;
font-size: 14px;
}

.caja button{
border: none;
margin-top: 18px;
width: 100%;
border-radius: 7px;
padding: 17px;
font-size: 17px;
color: white;
font-weight: bold;
cursor: pointer;
}

.caja button.rojo{
background-color:#e9473f;
}
.caja button.naranja{
background-color:#ff7546;
}

.caja button:hover{
opacity: 0.8;
}


@media (max-width: 767.98px){

    .contenedor{
    margin-top: 70px;
    }

    h1 {
    font-size: 26px;
    margin-bottom: 22px;
    margin-top: 27px;
    }

    .caja {
    background-color: #0000005e;
    padding: 11px 28px;
    padding-bottom: 24px;
    }

    .caja input {
    padding: 15px 12px;
    border-radius: 0px;
    font-size: 15px;
    }

    .caja button {
    padding: 11px;
    }

}

@media (max-width: 535px){

    .contenedor {
    margin-top: 50px;
    }

    body{
    padding-left: 10px;
    padding-right: 10px;    
    }

    

}