/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0; list-style: none;border: none;outline: none;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}

/* HTML5 Tags ---------------------- */
header, section, footer, aside, nav, article, figure {
	display: block;
}
/* Links ---------------------- */
a img { border: none; }
a { color: #fff; text-decoration: none; line-height: inherit; }
a:hover { color: #fff;text-decoration: underline;}
a:focus { color: #fff; }
p a, p a:visited { line-height: inherit; }
/*===================*/
/*=== Main Styles ===*/
/*===================*/
html,body{
	font-family: 'Lato', sans-serif;
	color: #000000;
	font-size:14px;
    line-height: 18px;
	font-weight:400;
	width:100%;
	height:100%;
	background-color:#ffffff;
	position:relative;
}
.wrappper {
	display: flex;
	display: -webkit-flex;
	width: 100%;
	height: 100%;
	background: #ffffff;
	align-items: center;
	justify-content: center;
	align-content: center;  
	box-sizing:border-box;
	padding: 30px; 
}
img{
	display:block;
	max-width:100%;
	height: auto;
}
.wrappper h1{
	float:left;
	width:100%;
	height: auto;
	margin: 20px 0 10px 0;
	padding: 0;
	color: #000000;
	text-align:center;
	font-size: 18px;
}
.wrappper .info{
	text-align: center;
	float:left;
	width:100%;
	height: auto;
}
.wrappper .info a{
	color: #34b7ff;
	line-height: 28px;
	text-decoration: underline;
}
.wrappper .info a:hover{
	color: #34b7ff;
	text-decoration: none;
}