@charset "UTF-8";
/* CSS Document */

	@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900);		
html, body{
	padding:0;
	margin:0;
}
body{
	background:#000;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
	color:#fff;
	text-align: center;
	text-transform:uppercase;
	width: 100%;
}
section{height:100vh; margin: 0 auto;position: relative;}

section .text{ position: absolute;               /* 2 */
   top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%); padding: 0 41px; }

li{list-style:none; font-size: 2em; line-height:3; position:relative; vertical-align:middle;}
.light{font-weight:100;}
.fullscreen-bg {
    position: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
a.contact {color: black; background: white; padding: .1em 2em; font-size: 1em;}

h1{    font-size: 5em;
    margin: 35% auto -35%; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.smalltext{font-size:0.5em; top:-0.15em;     font-weight: normal;}
.clients {background:transparent; color:white;
	text-align: center;
	width: 100%;
	font-weight:600;
    bottom: 0px;
    position: absolute;
    margin: 0 auto;
    padding: 10px 0;
	fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
			}
	.bold{font-weight:900;}
	.contact{bottom: 24px; font-size:0.5em;fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s; border:2px solid #fff; padding:10px; width:100px; margin:80px auto 0;background:#fff;color:#000;}
			.contact:hover{background:#000;color:#fff;}
	.contact img{width: 30px; 
right: 0;filter: invert(100%);
bottom: 0;
}
.contact:hover img{filter: invert(0%);}
a{text-decoration:none; color:#fff;}
			img:hover{opacity:0.8;}
			.lowercase{text-transform:lowercase;}
			.smallline{font-size: 2em;}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }

}
	@media (min-width: 501px){
		.contact{bottom:0;}}
@media (min-width: 801px){
	h1{font-size:10em; margin:26% auto -26%;
	}	.clients {
	    font-weight: normal; font-size:12px;}
	.break{display:none;}
	
}
@media (min-width: 801px) and (max-width: 1000px){

		.clients {
	    font-weight: normal; max-width:700px;}
}