@media only screen and (min-width:281px) and (max-width:1023px)
{
 *
 {
  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:10vw;
 }
 .hed .carnav .img
 {
  top:2.6vw;
  left:10vw;
  width:30.4vw;
 }
 .hed .strap
 {
  line-height:4.4vw;
 }
 .hed .nav
 {
  float:right;
 }
 .hed .carnavi .blu
 {
  color:#1572e6;
  font-size:12vw;
  line-height:10vw;
 }
 .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:1;
  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;
 }
}