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: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


		html, body {
		  font-family: "Reaver", serif;
		}

		body { 
		  background-image: url('background.png');
		  background-position: center center;
		  background-repeat: no-repeat;
		  background-attachment: fixed;
		  background-size: cover;
		  background-color: #000;
		}

		.container {
			  min-height: 100vh; /* height of the browser viewport */
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  flex-direction: column;
		}

		.container section {
			  min-height: 40px;

		}

		.top {
		  display: flex;
		  justify-content: center;
		      
		      margin-top: 80px;
		}
		/*.iconLogo {
		    background-image: url(dota2ua_iconlogo.png);
		    background-repeat: no-repeat;
		    width: 38px;
		    background-size: 100%;
		}*/
		.logo {
		    background-image: url(dota2ua_logo.png);
		    background-repeat: no-repeat;
		    width: 275px;
		    background-size: 100%;
		}		
		.comingSoon {
			color: #fff;
		    font-size: 46px;
		    font-family: Reaver,serif;
		    font-weight: 600;
		    text-align: center;
		    text-transform: uppercase;
		    letter-spacing: 3px;
		    line-height: 112%;
		}
		.mid {
			margin: 80px 0 50px 0;
		}
		.bot {
		    color: #fff;
		    font-size: 21px;
		    font-family: "Radiance","Noto Sans",sans-serif;
		    text-align: center;
		    line-height: 112%;
		    max-width: 860px;
		    margin: 0 30px;
		}
		.bot span {
		    font-weight: 600;
		}		
		.emailAddress {
		    background-image: url(dota2ua_emailaddress.png);
		    background-repeat: no-repeat;
		    width: 140px;
		    height: 20px;
		    background-size: 100%;		
		        margin: 40px auto;	
		}

		#announcementForm {
			display: flex;
		    justify-content: center;
		    align-items: center;
		    flex-direction: column;
		    margin: 20px 0;
		}

		.rssMessage {
			display: none;
		    color: #f3f549;
		    font-size: 21px;
		    font-family: "Radiance","Noto Sans",sans-serif;
		    text-align: center;
		    line-height: 112%;
		    margin: 20px 0;
		}

		#showEmail {
			color: #3a9aed;
   			font-size: 48px;
    		line-height: 52px;
		}

		input[type="text"] {
		   border: 1px solid #494949; 
		   border-radius: 3px; 
		   -webkit-border-radius: 0px; 
		   -moz-border-radius: 0px; 
		   -khtml-border-radius: 0px; 
		   background: #000 !important; 
		   outline: none; 
		   height: 65px; 
		   width: 360px;
		   color: #fff; 
		   font-size: 20px; 
		   text-align: center;
		}
		::-webkit-input-placeholder {
		   text-align: center;
		   color: #ccc; 
		}

		:-moz-placeholder { /* Firefox 18- */
		   text-align: center;  
		   color: #ccc;
		}

		::-moz-placeholder {  /* Firefox 19+ */
		   text-align: center;  
		   color: #ccc;
		}

		:-ms-input-placeholder {  
		   text-align: center; 
		   color: #ccc;
		}
		.announcementButton {
		    background-image: url(dota2ua_sendemail.png);
		    background-repeat: no-repeat;
		    width: 300px;
		    height: 45px;
		    background-size: 100%;		
		    margin: 20px 0;		
		    cursor: pointer;
		    opacity: 0.9;
		}

		.announcementButton:hover {
			opacity: 1;
		}



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

}

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

}

		
		@font-face{font-family:"Reaver";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Reaver";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Light.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Light.ttf") format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"Reaver";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Reaver";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Reaver";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype");font-weight:800;font-style:normal}
		@font-face{font-family:"Radiance";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.eot");src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.eot?#iefix") format("embedded-opentype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.ttf") format("truetype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance.svg#ywftsvg") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"Radiance";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.eot");src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.eot?#iefix") format("embedded-opentype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.ttf") format("truetype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.svg#ywftsvg") format("svg");font-weight:900;font-style:normal}@font-face{font-family:"Radiance";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot");src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.eot?#iefix") format("embedded-opentype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.ttf") format("truetype"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.svg#ywftsvg") format("svg");font-weight:700;font-style:normal}
		@font-face{font-family:"Noto Sans";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-regular.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-regular.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Noto Sans";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-semibold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-semibold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Noto Sans";src:url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-bold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/notosans-bold.ttf") format("truetype");font-weight:900;font-style:normal}