@media only screen and (min-width:281px) and (max-width:1024px)
{
	*
	{
		/*font-size:4vw;*/
	}
	a
	{
		text-decoration:underline;
	}
	.hed
	{
		height:12vw;
		padding:2vw;
		box-sizing:border-box;
	}
	.hed .carnavi
	{
		float:left;
		color:#ffffff;
		/*font-size:12vw;*/
		line-height:4vw;
	}
	.hed .carnav .img
	{
		top:2.6vw;
		left:10vw;
		width:30.4vw;
	}
	.hed .strap
	{
		/*line-height:4.4vw;*/
		font-size: 2vw;
	}
	.hed .nav
	{
		float:		right;
	}
	.hed .carnavi .blu
	{
		color:		#1572e6;
		font-size:	6vw;
		line-height:1vw;
	}
	.hed .carnavi .white
	{
		font-size:	6vw;
		line-height:1vw;
	}
	.hed .ham
	{
		float:right;
		margin-right:0.6vw;
		padding:6px;
		font-size:28px;
		font-weight:bold;
		line-height:0.8em;
		border:2px solid #ffffff;
		border-radius:8px;
		cursor:pointer;
		clear:both;
	}
	.hed .mnu
	{
		position:fixed;
		display:none;
		top:-32px;
		left:0;
		width:100vw;
		height:100%;
		margin:20px 0;
		padding:40px 0 40px 0;
		background:#000000;
		z-index:5;
		text-align:center;
	}
	.hed .nav .mnu .kill
	{
		display:block;
		float:right;
		margin-right:40px;
		padding:4px 12px;
		color:#ffffff;
		font-size:2em;
		font-family:'carnavi';
		font-weight:bold;
		border:2px solid #ffffff;
		border-radius:8px;
		cursor:pointer;
	}
	.hed .mnu ul
	{
		padding:0;
	}
	.hed .mnu li
	{
		text-align:center;
		width:100vw;
		display:block;
		margin:20px 0;
	}
	.hed .mnu span
	{
		font-family:carnav;
		font-size:12vw;
		color:#ffffff;
	}
	.hed .mnu span:first-letter
	{
		text-transform:uppercase;
	}
	.page
	{
		margin:6vw 0 0 0;
	}
	.foot
	{
		padding:20px;
		font-size:2vw;
	}
	.screen .img
	{
		float:left;
		width:86%;
		margin-bottom:2vw;
	}
	.img
	{
		float:none;
		width:calc(100% - 10px);
		margin:auto;
	}
	.rote
	{
		float:right;
		width:34vw;
		height:34vw;
		margin-left:1vw;
		margin-bottom:1vw;
		background-size:cover;
		background-repeat:no-repeat;
		background-color:#ffff00;
	}
}