@font-face {
	font-family: "tiempos";
	src: url("assets/TiemposHeadlineWeb-Light.woff") format("woff");
}

@font-face {
  font-family: "folio";
  src: url("assets/FOLION.eot"); /* IE9 Compat Modes */
  src: url("assets/FOLION.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("assets/FOLION.otf") format("opentype"), /* Open Type Font */
    url("assets/FOLION.svg") format("svg"), /* Legacy iOS */
    url("assets/FOLION.ttf") format("truetype"), /* Safari, Android, iOS */
    url("assets/FOLION.woff") format("woff"), /* Modern Browsers */
    url("assets/FOLION.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
	
html,
body {
    margin: 0;

    
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */


}


        body {
            background-color: black;
            background-color: #fff;
                font-family: 'tiempos';
	font-size: calc(14px + 2vw);
    letter-spacing: -.05vw;
            height: 100%;

        }
        


#intro {
    width: 100vw;
    height: 100%;
    background-image: url(assets/intro_desktop.jpg);
    background-size: 100%;
    background-position: center;
    position: fixed;
    z-index: 1000;
    background-repeat: no-repeat;
    filter: blur(0px);
    transition: filter .5s ease;
    transform: scale(1.1);
    display: none;
}   

ul {
      list-style-position: inside;

}


        .section {
            padding: 20px;
          text-align: center;
            position: fixed;
            right: 0;
            text-align: right;
            bottom: 0;
        }
        
        
        
 
        
        .right {
            bottom: inherit;
            right: inherit;
            top: 0;
            right: 0;
            text-align: left;
        }
        
        .leftBottom {
            bottom: 0;
            right: inherit;
            left: 0;
            text-align: left;
        }


.tick {
    cursor: pointer;
}
       

        
        .glass{
	position: relative;
	display: inline-block;
	padding: 1.5vw 3vw 1.75vw ;
            max-height: 50vh;
            overflow-y: scroll;
            color: black;
  -webkit-border-radius: 100px;
    border-radius: 100px;
                
 

  /* Firefox 1-3.6 */
  -moz-border-radius: 100px;
  

	text-decoration: none;
            margin: 0px 5px 10px 0px;
            max-width: 100%;
            text-align: left;
            transition: color 1s ease;
            hyphens: auto;
            border: 1px solid #000;
}
        


             

        
        img {
            width: 40px;
        }
        

#logo {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    background-image: url(assets/logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: -500%;
    transition: background-position-y 1s ease;

}
        .publication {

            
        }
        
         .leftBottom .glass {
      
                         float: left;
background-color: rgba(255,255,255, .1);

        }
        
             .leftBottom .glass:after {
                 
	background: linear-gradient(rgba(255,255,255,.4), rgba(255,255,255, .0));

      

        }
        
        .slideI, slideO {
                -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;

        }
        
   
        
        .pubStyle {
        }
        
 
               .left {
            bottom: inherit;
            right: inherit;
            top: -500px;
                   transition: top .5s ease;
            left: 0;
            text-align: left;
            float: left;
                   z-index: 2000;
        }

#gif {
    width: 126px;
    height: 126px;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

#gif img {
        width: 126px;
    height: 126px;
}
        
        #social {
            display: block;
        }
a {
    margin: 0;
    padding: 0;
    vertical-align: top;
    color: black;
    text-decoration: underline;
}

#social .glass {
                float: right;
        vertical-align: top;

}
        
        ul, li {
            margin: 0;
            padding: 0;
        }


.sans {
    font-family: 'folio' !important;
    text-transform: uppercase;
    letter-spacing: -.15vw;
    	font-size: calc(14px + 2vw);
}

.buttonColor {
    background-color: orangered;
    color: white;
    border-color: orangered;
}


.left .glass {
    float: right;
}



@media only screen and (max-width: 760px) {
    
    #intro {

    background-image: url(assets/intro_mobile.jpg);
}   
    
    .glass {
            border-radius: 5vw;

    }
    
  .glass:after {
        filter: inherit;
      	left: 2vw;
	width: calc(100% - 4vw);

  }
    
     
        
}

.imagine {
          bottom: -100vw;
    transition: bottom .5s ease;
    z-index: 30000;

}
        
        
    
        @media screen and (min-width: 2000px) {
  div {
      max-width: 1600px;
  }
}