@charset "utf-8";
address, article, aside, button, blockquote, body, dd, dialog, dl, dt, fieldset,
footer, form, h1, h2, h3, h4, h5, h6, header, li, nav, ol, p, pre, section,
td, th, tr, ul {
    margin: 0;
    padding: 0; 
}

body {
  background: #fbfbf5;
  font-family: "Romain_2";
  margin: 0;
  padding: 0;
  color: #111;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden !important;		
}

/*@font-face 	{ font-family: "Romain_2"; src: url("MonumentGrotesk-Semi-Mono.otf");}*/
@font-face 	{ font-family: "W_Epson"; src: url("EPSON MX-80 O E.otf");}

a { color: #111; text-decoration:none;}

h1 {
  font-size: 1.65vw;
  line-height: 1.85vw;	
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	

}

.waldoEpson {
	
font-size: 11px !important;
	font-family:"W_Epson";
  line-height: 14px !important;
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	
	text-transform:uppercase; 
	
}

h2 {
  font-size: 1.25vw;
  line-height:1.85vw;
  margin-bottom:0;
  margin-top:0;
   font-weight:300;	
}


.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	transition: opacity 600ms;
}

.transition-fade {
    transition: .3s;
    opacity: 1;
}

html.is-animating .transition-fade{
    opacity: 0;
}


.push-2 {
	

	-webkit-transform: translateX(0);
  	-ms-transform: translateX(0);
	transform: translateX(0);
  	will-change: transform;
  	-webkit-transition: -webkit-transform 1s cubic-bezier(.75, 0, .15, 1), opacity 1s;
	transition: transform 1s cubic-bezier(.75, 0, .15, 1), opacity 1s;
	-webkit-transition-delay: opacity 1s;	
	
}

.push-2.is-active{
 
   -webkit-transform: translateX(25vw);
   -ms-transform: translateX(25vw);
   transform: translateX(25vw);
   -webkit-transition: -webkit-transform 1s  cubic-bezier(.75, 0, .15, 1);
   transition: transform 1s cubic-bezier(.75, 0, .15, 1);

	
}


.push-menu {
	
	position:fixed;
	overflow-x: hidden !important;
    will-change: transform;
	-webkit-backface-visibility: hidden !important;
	position:fixed; 
	top:0 !important;;
	left:0 !important;;
	height:100vh !important;;
	z-index:10000 !important;
	overflow: scroll;
	width:20vw;
	-webkit-transform: translateX(-20vw);
  	-ms-transform: translateX(-20vw);
	transform: translateX(-20vw);
  	will-change: transform;
  	-webkit-transition: -webkit-transform 1s cubic-bezier(.75, 0, .15, 1), opacity 1s;
	transition: transform 1s cubic-bezier(.75, 0, .15, 1), opacity 1s;
	-webkit-transition-delay: opacity 1s;	
	
}

.push-menu.is-active{
 
   -webkit-transform: translateX(5vw);
   -ms-transform: translateX(5vw);
   transform: translateX(5vw);
   -webkit-transition: -webkit-transform 1s  cubic-bezier(.75, 0, .15, 1);
   transition: transform 1s cubic-bezier(.75, 0, .15, 1);

	
}

.container_type {
width:55vw;	
	
}

.frame {
  
  width:100vw;
  height:auto;

}

.float {
  
  margin-left:3vw;
}  
  
.margins {
 margin-left:3vw;	
}

.impressions {
  text-align: left;
  position: absolute;
  width: 60vw;
  margin-left:3vw;	
}

.impressions_2 {
  text-align: left;
  position: absolute;
  width: 60vw;
  margin-left:3vw;
}

.impressions_3 {
  text-align: left;
  position: absolute;
  width: 60vw;
  margin-left:3vw;
}

.impressions_4 {
  text-align: left;
  position: absolute;
  width: 60vw;
  margin-left:3vw;
}


.panel {
 height:auto;
}

.panel_2 {
 position:absolute;	
 height:auto;
}

.panel_3 {
 position:absolute;		
 height:auto;
 width:90vw; 	
}

.panel_4 {
 position:absolute;		
 height:auto;
 width:90vw; 	
}

.quotes {
 margin:0; 
}

.mainframe 				{opacity:1; transition:opacity 1s;}
.mainframe.is-hidden    {opacity:0;}

.imgstyle{
	padding-top:1vh; padding-bottom:1vh; margin-left:3vw; max-height:50vh;  max-width:80vw;
}

.lining {border-bottom:1px solid #111;}
.fractured {margin-top:2.5vh; width:8vw;}


@media only screen and (max-height: 1000px) {
	
.waldoEpson {
	
font-size: 10px !important;
	font-family:"W_Epson";
  line-height: 13px !important;
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	
	text-transform:uppercase; 
	
}	
	
}	

@media only screen and (max-width: 800px) {

.waldoEpson {
	
font-size: 9px !important;
	font-family:"W_Epson";
  line-height: 12.5px !important;
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	
	text-transform:uppercase; 
	
}	
	
.container_type {width:90vw;}	
.fractured {width:25vw;}
.push-2.is-active{
 
   -webkit-transform: translateX(50vw);
   -ms-transform: translateX(50vw);
   transform: translateX(50vw);
	
}


.push-menu {
	
	width:45vw;
	-webkit-transform: translateX(-45vw);
  	-ms-transform: translateX(-45vw);
	transform: translateX(-45vw);
	
}

.push-menu.is-active{
 
   -webkit-transform: translateX(5vw);
   -ms-transform: translateX(5vw);
   transform: translateX(5vw);
	
}	
	
	
h1 {
  font-size: 4.25vw;
  line-height: 4.5vw;	
  margin-bottom:0;
  margin-top:0;
}

h2 {
  font-size: 3.5vw;
  line-height: 4.5vw;	
  margin-bottom:0;
  margin-top:0;
  margin-left:2vw !important;	
}	

.imgstyle{
	padding-top:1vh; padding-bottom:1vh;
	margin-left:0vw; width:100vw; max-height:none;  max-width:none;
}	
	
.margins {
 margin-left:7vw;	
}	

.impressions {
  width: 85vw;
  margin-left:7vw;	
}

.impressions_2 {
  width: 85vw;
  margin-left:7vw;	
}	
	
.impressions_3 {
  width: 85vw;
  margin-left:7vw;	
}		
	
	
}

@media screen and (max-width: 932px) and (orientation: landscape) {

	
.waldoEpson {
	
font-size: 7.5px !important;
	font-family:"W_Epson";
  line-height: 10.5px !important;
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	
	text-transform:uppercase; 
	
}		
	
h1 {
  font-size: 18px !important;
  line-height: 17px !important;	
  margin-bottom:0;
  margin-top:0;	
    font-weight:300;	

}

h2 {
  font-size: 14px !important;
  line-height:17px !important;
  margin-bottom:0;
  margin-top:0;
   font-weight:300;	
}

.margins {
 margin-left:3vw;	
}	

.impressions {
  width: 65vw;
  margin-left:3vw;	
}

.impressions_2 {
  width: 65vw;
  margin-left:3vw;	
}	
	
.impressions_3 {
  width: 65vw;
  margin-left:3vw;	
}	
	
.panel {
 height:auto;
 margin-left:1vw;	
}

.panel_2 {
 position:absolute;	
 height:auto;
margin-left:1vw;	
}

.panel_3 {
 position:absolute;		
 height:auto;
 width:90vw; 
margin-left:1vw;	
}
	
.dot_shift {
 margin-left:1vw;	
}	

.w_top {
 margin-left:1vw;	
}		
	
.imgstyle{
	padding-top:1vh; padding-bottom:1vh; margin-left:3vw; max-height:100vh;  max-width:80vw;
}	
	
.mainframe 				{height:300vh}	
	
}	

*:focus {
outline: 0;
outline: none;
}