@font-face {
    font-family: Franchise;
    src: url('Franchise.ttf'); 
	 
    }

#head1{width:100%;background-color:#5C97BF;height:80px;margin-bottom:0px;border-bottom:3px solid #89c4f4;}
#head2{width:800px;margin:auto;}
#head3{width:600px;float:left;color:#fff;font-size:80px;font-family:Franchise, Arial;}
#head4{width:200px;float:left;color:#fff;font-size:30px;font-family:Franchise, Arial;margin-top:18px;}

#head4 a:hover, a:visited, a:link, a:active{
    text-decoration: none;
	color:#FFF;
}
.gop3 a:hover{text-decoration: none;color:#333;}
.gop3 a:active{text-decoration: none;color:#333;}
.gop3 a:visited{text-decoration: none;color:#333;}
.gop3 a:link{text-decoration: none;color:#333;}

#promo{margin-top:3px;margin-bottom:3px;}

 
.resdevad { width: 320px; height: 50px; }
@media(min-width: 500px) { .resdevad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .resdevad { width: 728px; height: 90px; } }
 


@media screen and (max-width:800px) {
	
	#head2{width:100%;margin:auto;}
	#head3{width:100%;text-align:center;}
	#head4{display:none;}
}


@media screen and (max-width:600px) {
	#head1{height:50px;}
	#head3{width:100%;font-size:50px;text-align:center;}
	
	 
}