@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: 760px;
	background-color: #0033a0;
	background: 
  repeating-linear-gradient(
    45deg,
    
    transparent 10px,
    #0033a0 10px,
    #000063 20px
  ),
  
  linear-gradient(
    to bottom,
    #0033a0,
    #0033a0
  );
	overflow: hidden;
}
	



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


#title {
	
	
	-webkit-animation: fadeInDown 1s 0s  both;
			animation: fadeInDown 1s 0s both;
	}
		
#back {
	position: absolute;
	top: 63%;
	left: 85%;
	width: 8%;
	height: 0%;
	z-index: 2222222222222200000;
	display: none;
	-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: 7%;
	background-color: #000063;
	border-top: 2px 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: 92.5%;
	left: 27.5%;
	width: 75%;

	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: 370px;
	cursor: pointer;
}

	



}