@font-face {
font-family: 'Atlas Grotesk Web';
src: url('AtlasGrotesk-Light-Web.eot');
src: url('AtlasGrotesk-Light-Web.eot?#iefix') format('embedded-opentype'),
url('AtlasGrotesk-Light-Web.woff') format('woff'),
url('AtlasGrotesk-Light-Web.ttf') format('truetype'),
url('AtlasGrotesk-Light-Web.svg#AtlasGrotesk-Light') format('svg');
font-weight: 300;
font-style: normal;
font-stretch: normal;
}

html{
   
   display:flex;
   flex-direction: row | row-reverse | column | column-reverse;
    font-family: 'Atlas Grotesk Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
    flex-direction: row | row-reverse | column | column-reverse;
    max-width:1200px; 
    max-height:800px;
    min-width:320px;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    background-color:rgb(255,101,79);
}

body{
position:absolute;
width:100%;
height:200vh;



}


#wrapper {
    z-index:1000;
    position:absolute;
    height:inherit;
    width:inherit;
}

.GDT {
  
    font-size: 5.2vw;
    color:black;
    text-align: center;
    width:100%;
    padding-top:0px;
}


#right {

    color:black;
    text-align: center;
    width:50vh;
    padding-top:0px;
    padding-left:2.1vw;
    padding-right:0px;
    position:fixed;
    left:82vw;
    transform: rotateZ(-90deg);
    text-align: left;
    align-items:bottom;
    font-size:3.8vw;
    margin-top:15vh;
    margin-right:0px;
    margin-left:0px;
    top:56.5vh;
        
  
    

    
}

#bottom {
    position:fixed;
    top:81%;
    margin-bottom:1vh; 
    padding-left:3vw;
    
}

#top {
    padding-left:3vw;
    text-align:center;
    position:fixed;
    padding-top:none;
    margin-top:.5vh;
    
    
}

#back1 {
    top:0vh;
    left:0vw;
    width:50.8vw;
    height:110%;
    background-color: #1094f1;
    position:fixed;
    height:100vh;
    padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    overflow:hidden;
    z-index:-1000;
    
    
    
    
}

.showtxt {
    width:100%;
    height:inherit;
    float:right;
    top:.3vh;
    position:fixed;
    margin-right:2vw;
    font-size:2vw;
    font-variant: small-caps;
    align-contents:right;
    text-align:right;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    margin-top:.8vh;
    left:-1vw;

 
  
    letter-spacing:.08;
    
}

.date {
  
    
}

#date {
    
    width:50vw;
    height:100%;
    position:fixed;
    text-align:left;
    font-size:14.3vw;
  
    top:16vh;
    line-height: 95%;
    z-index:4000;
    padding-top:0px;
    padding-left:2vw;
    padding-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    color:rgb(255,101,79);
   
}

#op {
    position:fixed;
    align-content: left;
    color:#1094f1;
    top:62vh;
    left:5vw;
    font-size:3.5vw;
    line-height: 110%;
    letter-spacing: .1vw;
    color:rgb(255,101,79);
    

    
}

#bodytext {
    
    width:50vw;
    height:100vh;
    position:relative;
    top:0vh;
    left:50vw;
    
     padding-top:0px;
    padding-left:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    z-index:-1000;
}

.info{
    width:72%;

text-align:left;
font-size:1.3vw;
line-height: 155%;
    margin-left:5vw;
    
    font-size:.9em;
   
    
    
}
.box2 {
    background-color: #1094f1;
    position:relative;
    left:50vw;
    width:50vw;
    height:100vh;
    
}

#wrapper2 {
    position:absolute;
    top:100%;
    width:100%;
    height:100vh;
}

.question {
    width:72%;
    text-align:left;
    font-size:1.3vw;
    line-height: 155%;
    margin-left:5vw;
    margin-top:16vh;
    font-size:2vw;
    line-height: 130%;
    letter-spacing: .1vw;
}




.roomText{
    margin-left:10vh;
    text-align:left;
  
    padding-top:17vh;

    l
    
  
}

.question1 {
    
}

.little {
    list-style:none;
    margin-top:0px;
    padding-top:2vh;
    padding-bottom:2vh;
    font-size:1em;
    color:black;
    margin-left:5vw;
    letter-spacing:.03vw;
}

.roomTitle {
    margin-top:1.3vh;
    margin-bottom:1.5vh;
    list-style:none;
    letter-spacing: .1vw;
    list-style: none;
    font-size:2.4em;
    letter-spacing: .11vw;
 
    
}