/*CSS Document*/

@charset"UTF-8";

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, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font-family: 'Lato', Arial, sans-serif; font: inherit;
	vertical-align: baseline; text-rendering: smooth;
}

body{ background-color:#2c3e50;
	background: -webkit-linear-gradient(rgba(44,62,80,1), rgba(22,34,45,1));
	background: -moz-linear-gradient(rgba(44,62,80,1), rgba(22,34,45,1));
	background: -ms-linear-gradient(rgba(44,62,80,1), rgba(22,34,45,1));
	background: -o-linear-gradient(rgba(44,62,80,1), rgba(22,34,45,1));
	background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
}
html { text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important; }

.bg{ width: 100%; height: 100%; }
.main-content{ width: 100%; margin: auto; height: 100%; position: absolute; top: 0; 
	right: 0; bottom: 0; left: 0; overflow: hidden; text-align: center; color: #fff; font-family: 'Lato'; 
	text-transform: capitalize; }
.logo{ min-width: 411px; max-width: 412px; height: 180px; background-size: cover;
	background-position: center center; background-repeat: no-repeat; 
	margin: 0 auto; margin-bottom: 20px; }
.app-info{ margin: auto;  height: auto; margin-bottom: 30px; letter-spacing: 0.5px; }

.app-info p{ font-size: 1.25em; }

.app-ad{ width: 100%; height: auto; margin: 0 auto; margin-top: 20px; }
	.ad{ display: inline-block; background-size: 100%; background-position: center center;
		background-repeat: no-repeat; width: 182px; height: 63px; position: relative; padding: 2px; }
	.app-store{ margin-right: 20px; }
.bar{ width: 50px; height: 2px; margin: auto; margin-bottom: 30px; background-color: #fff;  }

.vert-center-wrap{width: 100%; margin: auto; height: 100%; display: table; }
	.vert-center-content{ min-height: 100%; max-height: 101%; display: table-cell; vertical-align: middle; }

@media only screen and (max-width: 768px){

	.logo{ min-width: 200px; max-width: 201px; height: 82px; background-size: cover; 
		background-position: center center; background-repeat: no-repeat; }
	.app-info{ margin: auto;  height: auto; margin-bottom: 30px; 
		letter-spacing: 0.5px; }
		
	.app-info p{ font-size: 1em; }

	.app-ad{ width: 100%; height: auto; margin: auto; margin-top: 20px; }
		.ad{ display: block; background-size: 100%; background-position: center center;
			background-repeat: no-repeat; width: 153px; height: 53px; position: relative; margin: 0 auto; }
	.app-store{ margin-bottom: 10px; }
}