@charset "UTF-8";
/* CSS Document */


/*Responsive site code*/

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:450px; }
    #secondary { width:30%; margin-left:3%;}  
}





@media screen and (max-width: 11000px) {



#main {
	position: relative;
	margin: 0 auto;
	top: 0;
	left:0;
	width: 450px;
	height: 750px;
	background-color:#000063;
	background: 
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 5px,
    #000063 15px,
    #0033a0 10px
  ),
  
  linear-gradient(
    to bottom,
    #000063,
    #0033a0
  );
	overflow: hidden;
}
	



	
#mainIllo {
	position: absolute;
	left: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 5;
	}


#title {
	position: absolute;
	top: 2%;
	left: 0%;
	width: 100%;
	height: 0%;
	z-index: 2222222222222200000;
	
	-webkit-animation: fadeInDown 1s 0s  both;
			animation: fadeInDown 1s 0s both;
	}
		
	

	
#source {
	position: absolute;
	bottom: 10.5%;
	left: 3%;
	width: 97%;
	height: 5%;
	z-index: 500;
	}
	
#footer {
	position: absolute;
	bottom: 0%;
	left: 0%;
	width: 100%;
	height: 9%;
	background-color: #000063;
	border-top: 5px solid #fff;
	z-index: 500;
	}
.logo {
	position: absolute;
	top: 28%;
	left: 3%;
	width: 28%;
	height: 70%;
	}
.link a:hover {
	color: #50b3cf;
	}
	
.link a:active {
	color: #e1532d;

	}
	
.link {
	position: absolute;
	bottom:1.5%;
	left: 0%;
	width: 100%;
	height: 7%;
	color: #eeb211;
	z-index: 5000000000;
	}	
.footerText {
	position: absolute;
	top: 91.5%;
	left: 31.5%;
	width: 62%;

	font-size: .8em;
	line-height: 1.2em;
	text-decoration: none;
	text-align: left;
	color: #eeb211;
	z-index: 5000000000;
	}

		
}



@media screen and (max-width: 420px) {


iframe { 
	height: 650px;
	}

#main {
	position: relative;
	margin: 0 auto;
	top: 0;
	left:0;
	width: 220px;
	height: 365px;
	cursor: pointer;
}

	



}