html, body {height: 100%; margin: 0px; padding: 0px; font-size: 14px; font-family: "Roboto", arial, verdana, tahoma, sans-serif;}
body {background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #000; margin: 0px; padding: 0px; width: 100%; position: relative;}

a {text-decoration: none}
a:hover {text-decoration: underline;}

#demo_container {width: 100%; min-height: 100%; padding: 0px 0px; position: absolute; vertical-align: middle; text-align: center; display: flex; top: 0px; bottom: 0px;}

.demo_window {background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0.93) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.93) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ddffffff',GradientType=0 ); vertical-align: middle; text-align: center; margin: auto; box-shadow: 0px 0px 41px rgba(0,0,0,1); border-radius: 7px; padding: 25px; width: 100%; max-width: 450px; font-size: 18px;

	h4 {font-size: 58px; color: rgba(0,0,0,0.4); margin: 0px auto; font-weight: 300;}
	h5 {font-size: 20px; color: rgba(0,0,0,0.6); margin: 5px auto 0 auto; font-weight: bold; line-height: 24px;}
	button {font-size: 24px; margin: 30px auto}
	p {font-size: 17px; color: rgba(0,0,0,0.6); margin: 0 auto 4px auto; font-weight: normal; line-height: 21px;}
	a {text-decoration: none; font-size: 18px; font-weight: bold;}
}

.demo_back {position: absolute; top: 0px; left: 0px; background-color: rgba(0,0,0,0.5); padding: 20px 30px 20px 16px; font-size: 21px; color: rgba(255,255,255,0.88); text-decoration: none;}
.demo_back svg {height: 24px; width: 32px; display: inline-block; margin: -3px 5px 0px 0px; fill: rgba(255,255,255,0.74); vertical-align: middle;}
.demo_back:hover {color: rgba(255,255,255,1);}
.demo_back:hover svg {fill: rgba(255,255,255,1);}


.demo_powered {position: absolute; bottom: 0px; right: 0px; background: rgba(0,0,0,0.5); padding: 12px 16px 12px 20px; font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.85); letter-spacing: 0.5px;}
.demo_powered a svg {height: 24px; max-width: 100px; fill: rgba(255,255,255,0.7); vertical-align: middle;}
.demo_powered a:hover svg {fill: rgba(255,255,255,1);}



@media (max-width: 1023px) {
#demo_container {padding: 100px 0px;}
.demo_powered {display: block; width: 100%; z-index: 10;}
.demo_back {z-index: 99;}
}


.demo_limit {
	
	.warning {padding: 14px 24px 14px 42px; margin: 18px auto 24px auto; border-radius: 12px;
		h4 {margin:0; font-weight: bold;}
	}
	
	a {color: darkred;}
	
}