@charset "UTF-8";

body {
	margin:0px;;
	background-color:#B21E2B;
}
#wrap {
/*	position:relative;*/
	margin:0px;
	width:100%;
	height:100%;
  display: flex;
  justify-content: center;
	
}


#content {
/*	position:relative;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	max-width:100%;
	min-width:100%;
	height:600px;
/*	border: 1px solid black;*/
	background: url('main2x.png');
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: top; 
	resize: both;
	background-size:600px;
	
}
/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx),
{ 

		
}
*/

@media only screen and (min-width: 768px){
	#content {
	background: url('main2x.png');
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: top; 
	resize: both;
	background-size:1000px;
}
	
}
@media only screen and (max-width: 500px){
	#content {
	background: url('main2x.png');
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: top; 
	resize: both;
	background-size:600px;
}
	
}
@media only screen and (max-width: 500px) and (max-width:736px) and (orientation: landscape){
	#content {
	background: url('main2x.png');
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: top; 
	resize: both;
	background-size:600px;
}
	
}