body {
 
		background: #ffff ;
	font-family: 'Open Sans', verdana;
	margin: 0;
	padding: 0;
	color:#565656;text-align: center;
}

.page-container {
	max-width: 1140px;
	margin: 0 auto;
}

.container {
 
}

hr {height:3px;
	width:60%;background: #029fe3;border:0;
}
 

.top-logo {
	background: url('../images/cyberfish.png');
width: 550px; height: 263px; background-size: 550px 263px;
	margin: 50px auto 50px;
 
}

 
h1 {
	margin:30px 0 	;
	padding: 0 20px;
color:#565656;
	font-size: 35px;display: block;
	line-height: 35px;
}

 

h2 {
	margin: 0;
	padding: 0;
	color: #07a0da;
	font-size: 25px;
	line-height: 35px;
}

 
 




.clearfix { clear: both;  width:100%;}





/*==========  MEIDA QUERIES ====================================================================================*/

/* Large Devices, Wide Screens-------------------------------------------- */
@media only screen and (max-width:1370px){

  .top-logo { width: 550px; height: 263px; background-size: 550px 263px; } 

}

/* Medium Devices, Desktops-------------------------------------------- */
@media only screen and (max-width:1024px){


}

/* Small Devices, Tablets ---------------------------------------------- */
@media only screen and (max-width:980px){
 
 .top-logo { width: 424px; height: 203px; background-size: 424px 203px; }

}


/* Small Devices, Tablets ---------------------------------------------- */
@media only screen and (max-width:780px){
 


.top-logo { width: 424px; height: 203px; background-size: 424px 203px;	margin: 30px auto 30px; }
 
}

/* Custom, iPhone Retina ----------------------------------------------  */
@media only screen and (max-width:680px){
 h1 { margin: 20px 0; font-size: 30px; line-height: 32px; }
h2 {  font-size: 22px; line-height: 28px; }
 
}


/* Extra Small Devices, Phones----------------------------------------- */
@media only screen and (max-width:480px) {

.top-logo { width: 280px; height:134px; background-size: 280px 134px; }

}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px){
 
}