* {
    margin: 0;
    padding: 0;
}
 
html {
    height: auto;
	width: 100%;
	margin: 0 auto;
	background: -webkit-linear-gradient(top, #f0f0f0 0%, #003264 60px, #f0f0f0 190px, #f0f0f0 95%, #003264 100%);	


}




 
body {
    height: auto;
    width: 100%;
	margin: 0 auto;
    font-family: Courier New;
	text-align: center;
	font-size: 16px;
	color: black;
	background-image: url('000.jpg');
	background-position: center;
	background-size: auto;
	background-repeat: vertical;
	background-attachment: fixed;

}

header {
	height: 120px;
	width: 100%;
	margin-top: 30px;
	background: -webkit-linear-gradient(left, #003264 0%, #f0f0f0 40%, #f0f0f0 60%, #003264 100%);
	text-align: center;
}


center {
	margin: 0 auto;
	height: auto;
	width: 70%;
	border: 1px solid white;
	border-radius: 10px;
	padding: 10px;
	background: white;
	text-align: left;
	font-size: 12px;
	text-shadow: white 3px 3px 3px;
	color: black;
	
}

#center_2f {
	width: 90%;
	min-width: 306px;
	margin: 0 auto;
	color: lightyellow;
	min-height: 50px;
	text-align: left;
	font-size: 16px;
	border-bottom: 0px solid gray;

}

#center_1f {
	width: 100%;
	min-width: 306px;
	margin: 0;
	color: lightyellow;
	min-height: 50px;
	text-align: left;
	font-size: 16px;
	border-bottom: 0px solid gray;
	display: none;

}

#botnavy {
	width: 100%;
	height: auto;
	background: rgba(0,50,100, 0.9);
	color: white;
	font-family: arial;
	font-size: 12px;
	position: fixed;
	bottom: 0px;
	text-align: center;
	padding-top: 5px;
	border-left: 1px solid rgb(0,50,100);
	border-top: 1px solid rgb(0,50,100);
	border-bottom: 1px solid rgb(0,50,100);
	border-radius: 17px 17px 0px 0px;
	z-index: 999;

}


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


 
.text-1 {
	font-family: 'Courier New'; 
	font-size: 16px;
}
 

#botnavy1 {
	width: 100%;
	height: auto;
	background: none;
	color: white;
	position: fixed;
	bottom: 0px;
	text-align: center;
	z-index: 999;

}



img[tabindex="0"] {  
  cursor: zoom-in;  
}  

img[tabindex="0"]:focus {  
  position: fixed; z-index: 10;  
  top: 0; left: 0; bottom: 0; right: 0;  
  width: auto; max-width: 90%;  
  height: auto; max-height: 90%;  
  margin: auto; 
    
}

		
        @media screen and (min-width:300px) and (max-width:1000px) {
 
html {
    height: auto;
	width: 100%;
	margin: 0 auto;

}

header {
	width: 100%;

}

center {
	width: 95%;
	border: none;
	border-radius: 0px;
	font-weight: 700;
}


					#center_2f {
						width: 100%;
						min-width: 306px;
						margin-top: 250px;
						color: lightyellow;
						min-height: 30px;
						text-align: center;
						font-size: 16px;
						border-bottom: 0px solid gray;
						display: none;
}

					#center_1f {
						width: 100%;
						min-width: 306px;
						color: lightyellow;
						min-height: 30px;
						text-align: center;
						font-size: 16px;
						border-bottom: 0px solid gray;
						display: block;

}

 

		}