@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;500&display=swap');


body{
	font-family: 'Oswald', sans-serif;
	margin: 0 auto;
	text-align: center;
	background-color: #000;
	/*background: linear-gradient(45deg, rgb(170, 170, 170) 0%, rgb(0, 0, 0) 100%);*/
	color: #fff;
	font-weight: 200;
}




#intro{
		background: url(images/myvictory_backg.jpg);
		background-size: 110% auto;
		background-repeat: no-repeat;
		min-height: 100vh;
		color: #fff;
		font-size: 1em;
		background-attachment: fixed;
		text-align: center;
	}





#wrap{
		text-align: center;
		margin: 30px auto;
		width:100%;
	}





#gameinfo{

	background: url(images/myvictory_soldier.jpg);
background-size:100% auto;
padding-top: 200px;
padding-bottom: 300px;
background-repeat: no-repeat;
background-attachment: fixed;
}

#rulesinfo{

background-color: #000;
padding-top: 100px;
padding-bottom: 100px;

}



#bottomfeature{
	background: url(images/naval_battle.jpg);
background-size:100% auto;
padding-top: 200px;
padding-bottom: 200px;
background-repeat: no-repeat;
background-attachment: fixed;
}

#wrap_policy{
		text-align: left;
		margin: 30px auto;
		width:50%;
	}
	
img.phone{
		width:720px;
	}

img.rules{

width: 320px;
margin-left: 20px;

}
hr{
		border:0;
		border-top: solid 1px #333;
		margin: 30px auto;

	}

h1{
		font-weight: 500;
		font-size: 3em;
	}


p{
		text-align: center;
		font-size: 1.4em;
		font-weight: 200;
		max-width:70%;
		margin: 0 auto;
		text-shadow: 2px 2px #000;
	}



.left{
	text-align: left;
}


.quote{
	
	background-color: #000;
	font-style: italic;
}


a{
		text-decoration: none;
		color: #B7C2C9;
		
	}

a.footerlink{
	margin: 0 10px;
}

	a:hover{
		text-decoration: underline;
		color: #CD549B;
	}


img.logo{
	height: 250px;
}



.reversed{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
  display: inline-block;
}










@media screen and (max-device-width: 480px){
	#wrap{
			text-align: center;
			margin: 30px auto;
			width:90%;
		}
	#rulesinfo{
	padding: 0;
}
	#gameinfo, #bottomfeature{
	padding: 100px 0 100px 0;
	background-size:200% auto;
	background-attachment: scroll;
}

	#wrap_policy{
			text-align: left;
			margin: 30px auto;
			width:90%;
		}


	h1{
		
		font-size: 2em;
	}


	p{
		max-width: 90%;
	}

	img.phone{
			width:100%;
		}
	img.homeImg{
		width: 100%;
	}
	img.rules{
		width: 100%;
		margin-left: 0px;
	}
}