body
{
	margin:0; /*removes white border around the whole website*/
	padding:0; /*removes white border around the whole website*/
}

@font-face 
{
  font-family: pixel;
  src: url(../fonts/pixel.ttf);
} 
html *
{
	font-family: "pixel", "arial", Sans-serif !important;
	font-size: 28px;  	
}
body
{	
	background-image: linear-gradient(to right, gray, white, white, white, white, white, gray);
}

#logo
{	
	padding-top:15px; /**/
	width:150px;
	height:auto; 
	/*border: 1px solid red; /**/
}
#header  
{
	text-align:center;
	background-color:black;		
}
#header > a 
{
	color:white;
	text-align:center;
	font-size: 38px;
	text-decoration: none;
	padding:0px 80px 0px 80px; /**/
	line-height: 1.2;
}
#footer 
{
	background-color:black;
	color:white;
	clear:both;
	text-align:center;
	padding:15px;
	font-size: 21px;	
}  
#main-image
{	
	max-width:100%; /*960*/
	height:auto; /*500px*/ 
	box-shadow: 7px 7px 5px gray; /* offset-x | offset-y | blur-radius | color */
}

.blue {color: #0000ff}
.red {color: #fe0000}

.main
{
	max-width: 960px; 
	margin: auto; 
	text-align:center;
}

ul
{
	text-align: left;
}

.links
{
	font-size: 30px; 
	text-decoration: none;
	font-weight: bold; 
}


.iframe-container 
{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  box-shadow: 7px 7px 5px gray; /* offset-x | offset-y | blur-radius | color */  
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;  
}

.shadow > a > img 
{
	box-shadow: 7px 7px 5px gray; /* offset-x | offset-y | blur-radius | color */
	margin: 0px 10px 0px 10px; 
}