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

@font-face {
    font-family: 'designerregular';
    src: url('designer-webfont.woff2') format('woff2'),
         url('designer-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* General styling *******************************************/
html {height:100%;}
body {font-family: 'designerregular', sans-serif; font-size:16px; height:100%; margin:0; padding:0; color:#fff; background: #000;}

#hideme{
	width: 100%;
	height: 100%;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	background:#000;
}

img{max-width:100%;}

/*main page*/
body.main{background: #000;}

.hideCenter{
	width:300px;
	display:none;
}

:focus { -moz-outline-style: none;}
img:focus { -moz-outline-style: none;}

.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}
.invisible{position : absolute; top : -1000px; width:1px; height:1px; overflow:hidden;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
/* This makes all elements stay a certain width and height even when you set it to have padding */

.text-center{text-align:center;}
.text-right{text-align:right;}

.wrapper {float:left; width:100%; height:100vh; position:relative; z-index:2;}
.center {display: flex; width: 100%; justify-content: center; flex-direction: column;align-items: center;}

img{display: block; margin-bottom: 80px; width: 600px;}
h1{font-family: 'designerregular'; font-size:40px; color:#fff; text-transform: uppercase; font-weight:normal; text-align: center; width: 60%;}


/*MEDIAQUERIES*/

@media (max-width:1199px){
	h1{font-size: 32px;}
}

@media (max-width:767px){
    img{max-width: 80%;}
    h1{font-size: 26px; width: 80%;}
}