@import 'sanitize.css';

/* Foundation Resets xresets */
a:hover, a:focus, a:active, a:visited {
	color:inherit;	
}

body, html {
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	margin:0px;
	padding:0px;	
	background-color:#ffffff;
}

[data-whatinput="mouse"] a {
	-webkit-transition: border-color 300ms;
	-moz-transition: border-color 300ms;
	transition: border-color 300ms;	
}
	[data-whatinput="mouse"] a:hover {
		-webkit-transition: background-color 300ms, color 300ms;
		-moz-transition: background-color 300ms, color 300ms;
		transition: background-color 300ms, color 300ms;	
	}


/* FONTS xfont xfonts*/



/* Typography xtypeography */

h1, h2 {
	font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-size:0.8em;
	text-align:center;
}
	/* XSmall Screens */
	@media only screen and (max-width: 30em) { 
		
	}
	/* Small Screens */
	@media screen and (max-width: 39.9375em) {

	}
	/* Medium Screens */
	@media only screen and (min-width: 40em) {
		
	}
	@media only screen and (min-width: 50em) {
		
	}
	/* Large Screens */
	@media only screen and (min-width: 64em) { 
	
	}
	/* XLarge Screens */
	@media only screen and (min-width: 90em) {
		
	}



/*   Header  xheader */
	

	header {
		width: 40%;
  		margin: auto;
  		position: absolute;
  		top: 50%; left: 50%;
  		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
    	-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);	
		
		-webkit-touch-callout: none; 
		  -webkit-user-select: none;  
		  -khtml-user-select: none;   
		  -moz-user-select: none;    
		  -ms-user-select: none;  
		  -o-user-select: none;      
		  user-select: none;  
		  -webkit-user-drag: none;
		  -khtml-user-drag: none;
		  -moz-user-drag: none;
		  -o-user-drag: none;
		  user-drag: none;        
	}
		header video,
		header img {
			width:96%;
			height:96%;
			max-width:none;
			margin:1.5% 0 0 1.5%;
			display:block;
			position:relative;
			top:0;
			left:0;
			
			-webkit-touch-callout: none; 
			  -webkit-user-select: none;  
			  -khtml-user-select: none;   
			  -moz-user-select: none;    
			  -ms-user-select: none;  
			  -o-user-select: none;      
			  user-select: none;  
			  -webkit-user-drag: none;
			  -khtml-user-drag: none;
			  -moz-user-drag: none;
			  -o-user-drag: none;
			  user-drag: none;        
		}
		header .g {
			width:101%;
			height:101%;
			margin:0px;
			display:block;
			float:left;
			position:absolute;
			top:0;
			left:0;
			z-index:9999999999999999;
			
			-webkit-touch-callout: none; 
			  -webkit-user-select: none;  
			  -khtml-user-select: none;   
			  -moz-user-select: none;    
			  -ms-user-select: none;  
			  -o-user-select: none;      
			  user-select: none;  
			  -webkit-user-drag: none;
			  -khtml-user-drag: none;
			  -moz-user-drag: none;
			  -o-user-drag: none;
			  user-drag: none;        
		}
	
	
	section {
		display:none;
	}
	
	
	
	/* Medium Screens */
	@media only screen and (min-width: 40em) {
		header {
			width: 26%;
		}
	}
	/* Large Screens */
	@media only screen and (min-width: 64em) { 
		header {
			width: 20%;
			max-width:400px;
		}
	}



	
	
/* Youtube and Videos xvideos xyoutube xvideo */	
	.youtube {
		position:relative;
		padding-bottom: 56%;
		margin-bottom:2em;
		overflow: hidden; 
		max-width: 100%;
	}
		.youtube iframe,
		.youtube embed,
		.youtube object {
				height:100%;	
				width:100%;
				position:absolute;
				top:0;
				left:0;
			}
			
			
.noselect {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;  
  -khtml-user-select: none;   
  -moz-user-select: none;    
  -ms-user-select: none;  
  -o-user-select: none;      
  user-select: none;  
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;        
}	
.rounded {			
	-webkit-border-radius:2px;	
	-moz-border-radius:2px;	
	-ms-border-radius:2px;	
	-o-border-radius:2px;	
	border-radius:2px;	
}