@charset "utf-8";
/* Reset & Basics */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	/*font-size:100%;
	font:inherit;*/
	vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {
	display:block;
}
body {
	line-height:1;
}
ol,ul {
	list-style:none;
}
@font-face {
	font-family: lato;
	font-weight: 700;
	font-display: block;
	src: url(../fonts/lato/lato-700.eot);
	src: url(../fonts/lato/lato-700.eot?#iefix) format("embedded-opentype"),
		 url(../fonts/lato/lato-700.woff) format("woff"),
		 url(../fonts/lato/lato-700.ttf) format("truetype"),
		 url(../fonts/lato/lato-700.svgwebfontregular) format("svg")
}
@font-face {
	font-family: lato;
	font-weight: 300;
	font-display: block;
	src: url(../fonts/lato/lato-300.eot);
	src: url(../fonts/lato/lato-300.eot?#iefix) format("embedded-opentype"),
		 url(../fonts/lato/lato-300.woff) format("woff"),
		 url(../fonts/lato/lato-300.ttf) format("truetype"),
		 url(../fonts/lato/lato-300.svgwebfontregular) format("svg")
}
@font-face {
	font-family: lato;
	font-display: block;
	src: url(../fonts/lato/lato-regular.eot);
	src: url(../fonts/lato/lato-regular.eot?#iefix) format("embedded-opentype"),
		 url(../fonts/lato/lato-regular.woff) format("woff"),
		 url(../fonts/lato/lato-regular.ttf) format("truetype"),
		 url(../fonts/lato/lato-regular.svgwebfontregular) format("svg")
}
html {
	overflow-x:hidden;
}
body {
	font-family: lato, sans-serif;
	font-size:16px;
	line-height:150%;
	color:#000000;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 {
	text-transform:uppercase;
}
h1 {
	margin-bottom:10px;
	font-size:22px;
	line-height:30px;
}
p {
	margin:0 0 10px 0;
}
p:last-child {
	margin:0;
}
a {
	color:#000000 !important;
	text-decoration:underline !important;
}
a.btn {
	height:40px;
	padding:0 20px;
	display:inline-block;
	background-color:#000000;
	color:#ffffff !important;
	line-height:37px;
	letter-spacing:1px;
	text-align: center;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
img {
	max-width:100%;
	height:auto;
	display:inline-block;
}
.doi {
	margin:0;
	padding:0;
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
}
.doi--message {
	width:calc(100% - 20px);
	margin:10px;
	background:rgba(255,255,255,0.9);
	text-align:center;
	position:absolute;
}
.doi--channel-logo {
	padding:30px 20px 0;
	line-height:0;
}
.doi--channal-content {
	padding:20px 20px 30px 20px;
}

@media (orientation:portrait) {
	html,
	body {
		height:100%;
	}
}
@media only screen and (min-width:480px) {
	h1 {
		font-size:28px;
		line-height:34px;
	}
}
@media only screen and (orientation:portrait) and (min-height:568px) {
	.doi--message {
		top:50%;
		transform:translateY(-50%);
	}
}
@media only screen and (min-width:768px) {
	.doi--message {
		top:50%;
		left:50%;
		max-width:500px;
		transform:translate(-50%,-50%);
	}
}