@font-face {
    font-family: 'Violina Regular';
    src: url('../fonts/luzro-webfont.woff2') format('woff2'),
         url('../fonts/luzro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body, html {
  margin:0;
  font-family: 'Violina Regular';
  overflow-x:hidden ;
  height: 100%;
}
.contenido, .contenido-index{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    margin: 5px 0;
}
.head-menu div{      
    text-align:center;
}
.head-menu div h1{
    color:#3e3e3e;
    margin-block-start: 0;
    margin-block-end: 5px;
    font-weight: 100;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media screen and (max-width: 500px){
    .head-menu div h1{
        font-size: 19px;
    }
    .head-menu div{
        float:none;
    }
    .container{
        top: 55%;
    }   
}
@media screen and (max-width: 600px){
    .contenido{
        position: absolute;
        top: 20%;
        left: auto;
        transform: none;   
        width:100%;
    }
}
@media screen and (max-width: 1040px) and (min-width: 601px){
    .contenido {
        position: absolute;
        top: 20%;
        left: auto;
        transform: none;   
        width:100%;
    }
}