@font-face {
    font-family: 'Dogtown Typewriter';
    font-style: normal;
    font-weight: normal;
    src: local('Dogtown Typewriter'), url('fonts/dogtown-typewriter.woff') format('woff');
}
body {
	font-family: 'Dogtown Typewriter';
    font-size:16px;
    padding:0;margin:0;
	background: #595757 url("WW2-aircraft.webp") center/cover fixed no-repeat;
}
#main  {
	position: relative;
	overflow: hidden;
}
a {	color:#f0f0f0;}
a:hover {
	font-weight:bold;
    text-decoration:none
}
#targets {
	position: absolute; /* Make the element absolutely positioned */
left:0;
right:0;
top:65%;
bottom:0;
text-align:center;
width:100%;
}
#targets h2 {
	font-size:110%;
	margin-top:-10%;
	text-shadow: #fff 1px 1px 8px;
	text-shadow: #fff -1px 1px 8px;
	text-shadow: #fff 1px -1px 8px;
	text-shadow: #fff -1px -1px 8px;
}
#target-shobdon, #target-sleap {
	display:inline-block;
	width:48%;
	
	}
#targets img {
	width:55%;
	max-width: 24vh;	
	}

#target-shobdon img:hover, #target-sleap img:hover {
	cursor:crosshair;
	/* pulse by 1px on hover */
	animation: pulse 1s infinite alternate ease-in-out;
    transition: transform 0.5s ease-in-out;
}
.centre {margin: 0 auto;text-align:center}
.right {margin: 0 auto;text-align:right}
.ontop {position:relative;z-index:99;}

#cs4 {
 position: relative;
    max-height:100vh;
    max-width:100vw;
}

.blk-text {
color:#020202;
}
.wht-text {
color:#fefefe;
}

@keyframes pulse {	
	 50% {transform:scale(1.05);}
   100% {transform:scale(1);}
}
/* MEDIA QUERIES*/

@media screen and (min-width:1000px) and (orientation: landscape) { 
	#cs4 {
		width:auto;
        height:100vh;
	}
}

@media screen and (orientation: portrait) {
	#cs4 {
        height:100vw;    
        width:100vw;       
        }		
}
@media screen and (min-height:360px) {
	#targets h2 {
		font-size:150%;
		margin-top:0;
	}
	@media screen and (max-width:800px) {
		#targets h2 { font-size:125%;}
	}
	@media screen and (max-width:690px) {
		#targets h2 { font-size:110%;}
	}
}
@media screen and (max-width:590px) {
	#targets h2 { font-size:80%;}
}
@media screen and (max-width:428px) {
	#targets h2 { font-size:60%;}
}
	@media screen and (max-width:320px) {
	#targets h2 { font-size:40%;}
}