@media only screen and (orientation: landscape) {
  .reveal-modal {
    background:#e1e1e1; 
    margin: 0 auto;
    width:60%; 
    position:relative; 
    z-index:41;
    top: 25%;
    padding:30px; 
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
  }
}

@media only screen and (orientation: portrait){
  .reveal-modal {
    background:#e1e1e1; 
    margin: 0 auto;
    width:90%; 
    position:relative; 
    z-index:41;
    top: 10%;
    padding:30px; 
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
  }
}

#container {
    width: 100%;
    height: 100%;
    position: absolute;
    visibility:hidden;
    display:none;
    background-color:transparent ;
}

#container:target {
    visibility: visible;
    display: block;
}
/*
.reveal-modal {
    background:#e1e1e1; 
    margin: 0 auto;
    width:40%; 
    position:relative; 
    z-index:41;
    top: 25%;
    padding:30px; 
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
}
*/