html { background-color:#000;  }
html, body { color:#fff; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; height:100%; margin:0; padding:0; width:100%; }

h1 { background-image:url(../img/taste.gif); background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block; font-size:10em; font-weight:700; line-height:1em; margin-bottom:0; margin-top:0; text-indent:-100em; text-transform:uppercase; width:87%; }
h2 { border-bottom:0px solid #fff; border-top:0px solid #fff; font-weight:300; font-size:1.5em; margin-bottom:0; margin-top:0; padding:13px 0 16px; }
h3 { color:#fff; font-size:2.8em; font-weight:300; margin-bottom:0.5em; margin-top:3.5em; }
h3:first-child { margin-top:0; }
h4, p { font-size:1.5em; margin:.6em 0 0; }
h4 + p { font-size:1em; margin-top:0; }
h4 { color:#fff; margin-bottom:0; margin-top:1.6em; }
h5 { color:#fff; margin-bottom:0; margin-top:1.6em; font-weight:200; font-size:0.5em; margin-top:0;}

p a { color:#fff; font-style:normal !important; text-decoration:none; }
p a:hover { border:none; color:#ffff00; text-decoration:none; }

p.subtitle { margin-top:1em; margin-bottom:0.5em}
p.whileat { margin-top:.5em; margin-bottom:-0.2em}

p.contact { margin-top:1.6em; }

p.portfolio a { border:1px solid #fff; display:inline-block; font-size:.7em; padding:.8em 1em; margin:2em 2em; text-decoration:none; }
p.portfolio a:hover { border-color:#ffff00; }

p.names { font-size:1.5em; margin:.6em 0 0; }
p.names + p { font-size:1em; margin-top:0; }

p.legal { font-size:.75em; margin-top:3em; }

#video-wrapper { position:fixed; width:100%; height:100%; z-index:0; }
#video-display { background-image:url(../img/bkg.jpg); background-size:cover; position:relative; height:100%; width:100%; float:left; }
#video-screen { background-image:url(../img/screen.png); position:absolute; height:100%; width:100%; }

#main { display:table; margin:0 auto; position:relative; text-align:center; }
#first, #second { background:rgba(0,0,0,.8); overflow:auto; width:436px; }
#first { display:table-row; }
#second { height:auto; margin:0 auto; padding:0 60px 200px; }
#first > div { display:table-cell; padding:0 60px; vertical-align:middle; }

/* Clients */
ul { overflow:hidden; padding:0; }
li { background-position:50%; background-repeat:no-repeat; background-size:220px 129px; cursor:default; float:left; height:129px; list-style:none; text-indent:-100em; width:50%; }
dl { display:none; }
img { width:436px; }

/* Video background */
#big-video-wrap { overflow:hidden; position:fixed; height:100%; width:100%; top:0; left:0; }
#big-video-vid,#big-video-image { position:absolute; }
#big-video-control { display:none; }

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/bkg.jpg) no-repeat;
    background-size: cover; 
}

@-webkit-keyframes arrow { from { opacity:0.1; } to { opacity:1; }  }
   @-moz-keyframes arrow { from { opacity:0.1; } to { opacity:1; }  }
     @-o-keyframes arrow { from { opacity:0.1; } to { opacity:1; }  }
        @keyframes arrow { from { opacity:0.1; } to { opacity:1; }  }

@media (max-width:1024px) and (orientation:landscape) {
	html, body { font-size:.8em; }
	#video-screen { background-image:url(../img/screen.png); background-size:2px; }
	#first, #second, img { width:276px; }
	li { background-size:50%; height:129px; }
}

@media (max-width:667px) and (orientation:landscape) {
	html, body { font-size:.6em; }
	#first, #second, img { width:176px; }
	#first > div , #second { padding:30px; }
	li { background-size:100%; height:50px; }
}

@media (max-width:667px) and (orientation:portrait) {
	html, body { font-size:.85em !important; }
	#first, #second, img { width:320px !important; }
	#first > div , #second { padding:30px; }
	li { background-size:100%; }
}