header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;/*Deja el header en la capa mas alta para que se muestre siempre*/
    background-color: #fff;
}
/*Para pantallas grandes*/
section[id] {
    scroll-margin-top: 160px; /*Cuando se hace  scroll deja 100px de espacio arriba*/
}
/*Para moviles y tablets*/
@media (max-width: 768px) {
    section[id] {
        scroll-margin-top: 160px;
    }
}
.sesion-top {
    scroll-margin-top: 110px;
    padding-bottom: 200px; /*adiciona espacio al final para subir la ultima sesion*/
}

#nosotros {
    scroll-margin-top: 320px; /*Da mas espacio arriba a la primera sesion pra que se vea*/
}

footer {
    position: fixed;
    bottom: 0; /*lo pega a la parte inferior de la ventana*/
    width: 100%; /*Que ocupe el ancho*/
    z-index: 1000;
    }

main {
    padding-bottom: 56px; /*Agrega espacio al main para que no se tapem exactamente el ancho del footer*/
}

.campo-grande {
    width: 100%;       /* Ocupa todo el ancho del form-control */
    max-width: 100%;   /* Elimina la restricción de 400px */
    font-size: 18px;
}

body {
  background-color: rgb(245, 229, 203);
}