html { background: url(img/fondo.jpg) no-repeat center center fixed; 
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;

       color:#fff; font-family:Lato, Verdana, Arial;

       min-height:100%;
}
a { color:#fff; text-decoration: none; }

body { padding:0; margin:0;}
h1 { text-transform:uppercase; padding:0; margin:30px 0 15px; }
h2 { text-transform:uppercase; }
.contenido { text-align:center; background: rgba(20, 20, 20, 0.23); padding:10px 0;}
.separador { max-width:300px; width:100%; height:10px; background:rgb(107, 175, 6); margin:0 auto; }
.footer { position: absolute; bottom:0; left:0; width:100%;  padding:10px 5px; background-color:rgba(107, 175, 66, 0.8); }
.developed { font-weight: bold; }
.developed > img { vertical-align:middle; margin-left:10px; }


@media screen and (max-width:800px) {
    .contenido { margin-top:40px; }
    h1 { font-size:2rem; line-height:2rem; }
    h2 { font-size:1.5rem; line-height:1.5rem; }
}

@media screen and (min-width:600px) {
    h1 { font-size:5rem; line-height:5rem; }
    h2 { font-size:1.8rem; line-height:1.8rem; }
}

@media screen and (min-height:670px) {
    .contenido { margin-top:170px; }   
}

@media screen and (max-width:900px) {
    .developed { text-align:center; }
    .direccion { margin-top:20px; }
}

@media screen and (min-width:900px) {
    .direccion { line-height:19pt; }
    .footer { width:100%; box-sizing: border-box;  display: flex; justify-content: center ; align-items: center; }
    .footer > div { padding:0;  width:47%; align-self: center; }
    .developed { text-align:right; }
    .vseparator { width:1px !important; margin:0 30px; height:100px; background:#fff; }
}