@font-face {
    font-family: 'Omnes';
    src: url('omnes_light-webfont.eot');
    src: url('omnes_light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('omnes_light-webfont.woff') format('woff'),
         url('omnes_light-webfont.ttf') format('truetype'),
         url('omnes_light-webfont.svg#OmnesLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body.intro {
    background:url(../bg.jpg) center 0 no-repeat #c7b38b;
    background-image: url(../bg.jpg);
    font-family: 'Omnes', Arial;
}

.wrapper{margin:0 auto;max-width:900px;width:100%;position:relative;}
.si{float:left;position:absolute;top:360px;left:240px;width:60px;height:53px;background:url(../si.png) 0 0 no-repeat;}
.si:hover{background:url(../siOver.png) 0 0 no-repeat;}
.no{float:left;position:absolute;top:360px;left:310px;width:60px;height:53px;background:url(../no.png) 0 0 no-repeat;}
.no:hover{background:url(../noOver.png) 0 0 no-repeat;}


#itemResponsive, .itemResponsive {
    display: none !important;
}

/****************************/
/* MEDIA QUERIES */
/****************************/


/* 992 */
@media screen and (max-width: 992px) {

body.intro {
    background:url(../images/bg-video.jpg) center 0 no-repeat #c7b38b;
    background-size: cover;
    height: 100vh;
}

h3 {
    text-transform: uppercase;
    font-size: 30px;
}

.logo {
    margin-top: 30px;
}

.ocultar {
    display: none !important;
}

.center {text-align: center;}

#itemResponsive, .itemResponsive {
    display: block !important;
}

.botones {
    z-index: 9999;
    margin-top: 30px;

}

.si, .no {
    position: relative;
    top: auto;
    left: auto;
    float: none;
    display: inline-block;
}

}


/* 640 */
@media screen and (max-width: 640px) {

}

/* 480 */
@media screen and (max-width: 480px) {

}