body {
    font-size: 16px;/*1 rem = 16px*/
    font-family: 'Quicksand', sans-serif;
    font-family: 'Roboto', sans-serif;
}

html {
    font-size: 62.5%;
}

.contenedor {
    max-width: 120rem;
    margin: 0 auto;
}
h1 {
    font-size: 3rem;
    font-family:'Quicksand', sans-serif;
    font-weight: ;
    text-align: center;
    margin-top: 3rem;
}
@media (min-width: 768px) {
    h1 {
        font-size: 5rem;
        color:darkorange;
    }
}

.margenes {
    margin: 3rem 0;
}
.site-header {
    background-image: url(../img/fondo1.jpg);
    background-position: center center;
    background-size: cover;
    height: 100vh;
    min-height: 60rem;
}
@media (min-width: 768px) {
    .site-header {
        background-image: url(../img/fondo4.jpg);
    }
}

.boton {
    max-width: 25rem;
}
.centrar {
    margin: 0 auto;
}