@charset "utf-8";
body{
	background-color:#FFCB05;
	margin:0;
	padding:0;
	direction:ltr;}
#logo{
	width:100%;
	margin-top:20px;
	text-align:center;
	}
h1{
	color:#CF1A29;
	font-size:20px;
	text-align:center;
	padding-top:20px;
	}
	 ul{
		width:100%;
		}
		ul li{
			display:block;
			width:90%;
			color:#073686;
			text-align:center;
			font-weight:bold;
			font-size:20px;
			padding-top:10px;
		}
h3{
	text-align:center;
	
	}
h3 a{
	color:#353D90;
	font-size:21px;
	text-align:center;
	text-decoration:none;
	padding-top:20px;
	width:90%;
	
	}
.ficon{
	background-color:#fff;
	}
.footer{
	text-align:center;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	margin-top:50px;
	}
	.footer p{
		font-size:16px;
		color:#353D90;}


	

/*media queries*/
/*# Phone*/
@media only screen and (max-width:320px){
	#logo { width:95%;}
	#logo img {width:50%;}
	h1{font-size:12px; width:90%; margin:5%;}
	ul{width:90%; margin-left:-10px;}
	ul li{font-size:16px;}
	li a img{width:30%;}
	h3 a{font-size:16px;}
	.footer p{font-size:12px; display:none;}
	
}


/*# Tablet*/
@media only screen and (min-width:321px) and (max-width:768px){
	#logo { width:95%;}
	#logo img {width:70%;}
	h1{font-size:14px; width:90%; margin:5%;}
	ul{width:90%; margin-left:-10px;}
	ul li{font-size:18px;}
	li a img{width:30%;}
	h3 a{font-size:18px;}
	.footer p{font-size:12px; display:none;}
}

/*# Desktop*/
@media only screen and (min-width:769px){
	body{width:92%; margin-left:4%; margin-right:2%;}

	}