/* 0  Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin:  0;
	outline: 0; 
	padding: 0;
	vertical-align: baseline;
}



body,td,th {
	font-family: 'loetscherthin', Helvetica, Arial, sans-serif;
	-webkit-font-variant-ligatures: none;
	font-variant-ligatures: none;
	-moz-font-variant-ligatures: none;
	-ms-font-variant-ligatures: none;
	font-size: large;
	text-rendering: optimizeLegibility;
	color: #FFF;
	line-height: 1.3em;
	letter-spacing: 0.015em;
	background: #1C2800;
}



a:link {
	color: #CCC;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	
}
a:visited {
	text-decoration: none;
	color: #AFADA9;
}
a:hover {
	text-decoration: #FFF;
	color: #FFF;
	transition: all 0.4s ease-in-out;
}
a:active {
	text-decoration: none;
	color: #666;
}


strong {
font-family: 'loetschermedium', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
	}
	
	
.top {
width: calc(100vw - 50px);
left: 25px;
padding-top: 20px;
border: none;
border-bottom: 1.2px solid #FFF;
position: fixed;
float: left;
background: #1C2800;
z-index:2;
	}

.logo {
position: relative;
float: left;
height: 90px;
	}
	
.logo img {
	width: auto;
	height: 100%;
	}

hr {
width: calc(100vw - 50px);
	}

.slogan
{
position: absolute;
width: 60vw;
left: 20vw;
top: 46vh;
transform: translateY(-50%);
z-index: 1;
text-align:center;
font-size: 2em;
line-height: 1.2em;
}

.footer {
width: calc(100vw - 50px);
left: 25px;
bottom: 0;
padding-bottom: 20px;
padding-top: 10px;
border: none;
border-top: 1.2px solid #FFF;
position: fixed;
float: left;
background: #1C2800;
z-index:2;
	}
	
.left {
position:relative;
float:left;
padding-right: 40px;
	}
	
.right {
position: absolute;
bottom: 10px;
right: 0px;
text-align: right;
width: 200px;
font-size:x-small;
letter-spacing: 0.04em;
	}
	
	

.mobile {display: none;}

@media screen and (max-aspect-ratio: 3/2) {

}

@media screen and (max-width: 640px) {
body {font-size: 12px;}
.top {border-bottom: 1px solid #FFF; width: 96vw; left: 2vw; padding-top: 8px;}
.logo {height: 65px;}
.footer {border-top: 1px solid #FFF; width: 96vw; left: 2vw; padding-bottom: 12px;}
.right {right: 2vw; font-size: 6px; width: auto;}
.left {padding-right: 10px;}
.desktop {display: none;}
.mobile {display: block;}

	}
	
}