@CHARSET "ISO-8859-1";
/* Reset */
body,div,ul,li,h1,h2,h3,form,input,textarea,p { padding:0; margin:0;}
a { text-decoration:none; color:inherit;}
img { border:0;}
ul { list-style: none; margin:0; padding:0;}
h1,h2,h3 { font-weight:normal; font-size:100%;}
/* IE11 only - to avoid scroll bars */
*::-ms-backdrop,body {overflow-y:hidden !important;}

@font-face {
    font-family:'CircularStd-Bold';
    src: url('../fonts/CircularStd-Bold.woff2') format('woff2'),
         url('../fonts/CircularStd-Bold.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family:'CircularStd-Book';
    src: url('../fonts/CircularStd-Book.woff2') format('woff2'),
         url('../fonts/CircularStd-Book.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap;
}

/* Basics */

body {
font-family: 'CircularStd-Book', sans-serif;
	background:#6fa088;
	color:#fff;
	font-weight:100;
	overflow:hidden;
	font-size:1.2em;
	background-image:url(../img/gradient.png);
	background-repeat:repeat-x;
/*	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.2px; */}
	
#overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background:#DDD;
	z-index:500;}

.vertical {
	position:absolute;
	padding:30px 0;
	text-align:center;
	width:100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index:100;}

.vertical div { margin:inherit auto;}	

.intro {
	margin:50px auto;
	height:300px;}
	
.paint {
	display:none;
	background:url(../img/paint-brush.png) no-repeat 70% 35%;
	background-size: contain;
	height:330px; /* paintbrush height */
	padding:106px 30px 0 30px;}

.logo { max-width:350px; margin:0 auto;}
	

.semititle { display:none; }
.details { opacity:0; }

a:hover { opacity:.6;}
	
/* IF NO-HEIGHT */

@media all and (max-height: 680px)
{
	.intro { margin:0 auto;}
	.paint {	height:260px;}
}

/* IF iPHONE */
/* IF iPHONE */

@media only screen and (max-width:768px) {
	
	.intro { margin:10px auto !important;}
	.logo { max-width:250px; margin:0 auto;}
	
}

/* IF LANDSCAPE ON MOBILE ONLY */
@media all and (max-device-width: 750px) and (orientation:landscape)
{
	.vertical {
		top: 0%;
		margin:40px 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;}
	}
}