﻿@media only screen and (min-width:281px) and (max-width:990px)
{
 body
 {
  background:#000000;
 }
 .video
 {
  width:100vw;
  margin-bottom:12vw;
 }
 .peter
 {
  position:absolute;
  top:-32vw;
  right:6vw;
  width:60vw;
 }
 .nav .ham
 {
  position:absolute;
  top:2vw;
  right:2vw;
  margin:2.8vw;
  font-size:3.0em;
  font-weight:bold;
  line-height:0.8em;
  cursor:pointer;
  z-index:4;
 }
 .mnu
 {
  position:absolute;
  display:none;
  top:-32px;
  width:100%;
  height:100%;
  margin:20px 0;
  padding:40px 0 600px 0;
  background:#000000;
  z-index:5;
  text-align:center;
 }
 .mnu ul
 {
  padding:0;
  clear:both;
 }
 .mnu li
 {
  text-align:center;
  width:100%;
  display:block;
  color:#ff39ce;
  font-family:soseki;
  font-size:16vw;
 }
 .fuz
 {
  position:absolute;
  top:46vw;
  height:14vw;
  width:100vw;
  background-image:url('https://cdn.soseki.co.uk/img/fuz.webp');
  /*background-color:#ffff15;*/
  background-repeat:repeat-x;
  background-size:0.2vw;
 }
 .map
 {
  width:88vw;
  height:66vw;
 }
 .foot
 {
  margin-left:-10vw;
 }
 .foot .col
 {
  width:50%;
 }
 .foot ul
 {
  padding:6vw;
 }
 .box
 {
  width:88vw;
  margin:auto;
 }
}