html {
  box-sizing: border-box;
  height: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
	background-color: #000000 !important;
	color: #999;
	font-family: Segoe UI, Calibri, Arial;
	font-size: 13px;
	height: 100%;
}

.splash {
	color: #FFF;
	font-weight: bold;
	font-size: 1.5rem;
	margin: 50px 0;
}

.hostedby {
	color: #666;
	font-weight: bold;
	font-size: 2rem;
	font-style: italic;
	margin: 50px 0;
}

.footer {
	color: #999;
	height: 50px;
	font-size: 14px;
	text-align: center;
}

.footer a:link, .footer a:visited, .footer a:active {
  color: #00B6ED;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .address {
	font-size: 110%;
}


.sponsor {
	display: table;
	color: #666;
	font-size: 13px;
}

.modal-body iframe {
	height: 650px;
}

#logo	{ margin-bottom: 20px; }

.img { border: 0; }

@media only screen and (max-width: 480px) {
	.modal .modal-body {
    max-height: 400px;
    overflow-y: scroll;
	}
	
	.modal-open .modal {
    overflow-y: scroll;
  }
  
  body { overflow-y:scroll; }
}