a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,
strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:'Roboto',Arial, Helvetica, sans-serif;letter-spacing:0; }
:focus { outline:0; } body{font-size:10px;line-height:1;color:#8e8e8e;background:#fff; } ol,ul{list-style:none; } blockquote:after,blockquote:before,q:after,q:before {content:""; } blockquote,q{quotes:"" ""}
html { overflow-x:hidden; }
* { -webkit-font-feature-settings: "liga" 0, "dlig" 0; }
* {	-webkit-font-variant-ligatures:none; font-variant-ligatures:none; }
html{overflow:-moz-scrollbars-vertical;overflow-y:scroll} .nodisplay{display:none} .clear, .c { clear:both; float:none; } .clearr, .cr { clear:right; float:none; } .clearl, .cl { clear:left; float:none; }
html, body { margin:0; padding:0; height:100%; width:100%; font-family: 'Roboto',sans-serif; background:#fff; position:relative; }


#wrapper { width:100%; height:100vh; box-sizing:border-box; position:relative; min-height:300px;  }
#wrapper > #inner { width:100%; height:100%; box-sizing:border-box; display:table; position:relative; border:0; background:rgb(162,160,139) url(../images/preview.jpeg) no-repeat center center / cover; }
#wrapper > #inner > #content { width:100%; height:100%; box-sizing:border-box; display:table-cell; position:relative; border:0; vertical-align:bottom; text-align:center; z-index:5; background: linear-gradient(
  to bottom,
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 0) 50%,
  rgba(0, 0, 0, 0.5) 100%
); }


#content .column { max-width:605px; margin:0 auto;  }
#content .column img { max-width:100%; height:auto; display:block; }

.fly-br { position:absolute; bottom:25px; right:25px; width:100%; max-width:100px; height:auto; z-index::4; }
.fly-br a { transition:opacity 200ms ease; }
.fly-br a:hover { opacity:0.75; }
.fly-bl { position:absolute; bottom:25px; left:25px; z-index::4;  }
.meta a { display:inline-block; font-size:12px; color:#fff; font-weight:300; font-family:"Roboto",sans-serif; text-decoration:none; margin:0 15px 0 0; letter-spacing:0.055em; transition:color 200ms ease-in; z-index:4;  }
.meta a:hover { color:#000; }

p { color:rgba(255,255,255,.8); font-size:16px; line-height:1.5em; font-weight:300; padding-bottom:20px; }

.logo { width:200px; height:auto; position:absolute; top:50px; right:50px; z-index:9; display:none; }

.screen-size-testing { display:none; }

.wrapper { padding:100px 20px; }


h1 { font-family:'Roboto',sans-serif; font-size:24px; font-weight:300; color:#222; text-align:center; line-height:1.6em; }
h2 { font-family:'Roboto',sans-serif; font-size:18px; font-weight:400; color:#222; text-align:left; margin-bottom:20px; }
h3 { font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; color:#222; text-align:left; }
body.text p { font-family:'Roboto',sans-serif; font-size:16px; font-weight:400; color:#222; text-align:left; line-height:1.5em; margin-bottom:1em; letter-spacing:0.02em; }
body.text p a { font:inherit; color:inherit; text-decoration:none; }
.comingsoon img { display:block; margin:0px auto 100px; max-width:100%; }

.container_inner { max-width:600px; margin:0 auto; padding:20px; }


body.text .meta { text-align:center; margin-top:150px; }
body.text .meta a { display:inline-block; margin:10px; text-decoration:none; color:#888; font-family:'Roboto',sans-serif; font-size:12px; }



@media (max-width:720px){
  .logo { right:50%; transform:translateX(50%); }
  #content .column { max-width:80%; margin:0 auto; padding-top:450px; }
  #wrapper > #inner > #content { vertical-align:middle };
}