html,body{
    margin:0;
    width:100%;
    height:100%;
    overflow:hidden;   
}

.full-container{
    margin:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:#000;
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index:0
}
.video-container video {
    object-fit: contain;
    width: 100vw;
    height: 100vh;
    z-index:0;
}

.boton-centrado{
    position:absolute;
    z-index:10;
    bottom:14%; 
    left: 50%;
    transform: translateX(-50%);    
}

#boton{
    background: #e06c59;
    font-family: 'Open Sans', sans-serif;
    padding:15px 10px;
    border-radius:5px;
    box-shadow:2px 2px 4px rgba(30,30,30, 0.5);
    position:relative;
    z-index:10;
    color: white;
    cursor:pointer;
}

button {
  font-family: inherit; 
  font-size: 100%; 
  line-height: 1.15; 
  margin: 0;
  border:none;
}

button { 
  overflow: visible;
}

button { 
  text-transform: none;
}

.relative{
    z-index:0;
}

.overlay{
    position: absolute;
    top: 0;
    left:0;
    background: #e4ddcd;
    display:none;
    width:100%;
    height:100%;
    z-index:100;
}

.menu{
    display:block;
    width:100%;
    height:100%;
}

.overlay .bg{    
    background: url('/PortalUrosario/media/UR-V4/Museo-UR/Exposiciones/img/warning-full.png') no-repeat center center fixed; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;    
    width:100%;
    height:100%;
}

@media screen and (min-width: 1068px){
    #boton{
        font-size:28px;
        padding:20px 15px;
    }
    .boton-centrado{
        bottom:5%;
    }
}

@media screen and (min-width: 280px) and (max-width: 1068px) and (orientation: portrait) {
    .overlay{
        display: block;
    }
    .menu{
        display:none;
    }
  }