/*
@import url(https://fonts.googleapis.com/css?family=Orbitron);
@import url(https://fonts.googleapis.com/css?family=Handlee);
@import url(https://fonts.googleapis.com/css?family=Boogaloo);
@import url(https://fonts.googleapis.com/css?family=Farsan);
@import url(https://fonts.googleapis.com/css?family=Caveat);
*/
@import url(https://fonts.googleapis.com/css?family=Audiowide);
@import url(https://fonts.googleapis.com/css?family=Material+Icons);


html
{
	  height: 100%;
}		
iframe
{
	width:100%; 
	height: calc(100% - 30px); 
	border: 0;
	
}
input[type="text"] 
{
    width: 300px;
}
input[type="password"] 
		{
    	width: 300px;
		}
body 
{
	
  background: url("/images/background_1.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  color: white;
  font-family: "Verdana" ; 
  font-size: 16px;
	margin: 0px;
  height: 100%;
  overflow-x: hidden; 
}

body.subpage
{
	background: none transparent;
}
img
{
	width=50px;	
}
a.link, a:visited, a:hover, a:active, a 
{
		color:white; 
		text-decoration: none;
}
.contactlist
{
	border-spacing: 15px 0;
}
a.bodylink { text-decoration: underline; }

.glow, a:hover {
  /*display: inline-block;*/
  text-decoration: none; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255,255,255,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: pre;
  text-shadow: 0 0 1px rgba(255,255,255,1) , 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 15px #ee0000 , 0 0 20px #ee0000 , 0 0 25px #ee0000 , 0 0 30px #ee0000 ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}


table { border-spacing: 0px;}
td {text-align: center; }

td.r { text-align: right; }
td.l { text-align: left; }
td.t { vertical-align: top;}
td.c { vertical-align: center;}
hr.line {color=#aa57a5;}

img.logo
{
	height: 70px;
}

.websites
{
	width: 70%;
}
div
{
	'border: 1px solid red;
	display: none;
}
div.section
{
	 position:absolute;
	 
    left: 0; /*NEW*/
    right: 0; /*NEW*/
   'border: 1px solid red;
   'text-align: left;   	
}

.menu
{
 font-family: "Audiowide";
 font-size: 20px;
 text-decoration: none;
}

.title
{
 font-family: "Audiowide";
 font-size: 65px;
}

.material-icons {
  font-family: 'Material Icons';
  font-size: 35px;  /* Preferred icon size */
}

.smaller
{
 	font-size: 25px;
}

.profilepic
{
	border: none;
	width:100;
}
.tablelist
	 {
	 	font-size: 14px;
	 	} 
/*ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{ 
	.title {font-size: 50px;}
	.menu {font-size: 20px;}
	img.robert {width: 200px;}

}
/*ipad portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
	.title {font-size: 50px;}
	.menu {font-size: 20px;}
}

/*iphone*/
@media only screen and (max-width: 700px) 
{
	 body{font-size: 14px;}
	 
	 input[type="text"] 
		{
    	width: 100px;
		}
		input[type="password"] 
		{
    	width: 100px;
		}
   img.logo
	 {
		display: none;
	 }

	.websites
	{
		width: 100%;
	}
	.title {font-size: 30px;}
	.menu {font-size: 20px;}
	img.robert {width: 100px;}
	a {text-decoration: underline;}
	
	.material-icons 
	 {
	 	font-size: 25px;
	 }
	 
	 /*
	 iframe
	 {display:none;}
	 */
	 .smaller
	 {
	 	font-size: 25px;
	 	}
	 
	 
}


