@import url('https://fonts.googleapis.com/css?family=Bangers');
img{
	border:solid;
	border-radius:60px;
}
.content{
	width:75%;
	height:100%;
}
.text{
	width:65%;
	height:100%;
	font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
}
.f1{
width:200px;
height:300px;
position:absolute;
top:40%;
left:30%;
text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
	margin:0 0 10px 10px;
}
.f2{
width:200px;
height:300px;
position:absolute;
top:40%;
left:50%;
text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
	margin:0 0 10px 10px;
}

h3{
	text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 30px;
	height:5%;
}
@media screen and (max-width: 1200px) { 
.text{
	margin:330px 0 0 190px;
	width:370px;
	height:100%;
	font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 30px;
}
.wrap{
margin:-1040px 214px auto;
float:none;
z-index:10000;
}
.menu{
width:220px;
margin:0 auto;
height:100px;
}
.content{
	float:none;
}
header{
	text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 22px;
	margin: 0 0 0 286px;
	width:100px;
}
.f1{
width:200px;
height:300px;
position:absolute;
top:1172px;
left:233px;
text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
	margin:0 0 10px 10px;
}
.f2{
width:200px;
height:300px;
position:absolute;
top:1518px;
left:233px;
text-align:center;	
font-family: 'Bangers', cursive;
	color:yellow;
	font-size: 20px;
	margin:0 0 10px 10px;
}
}