﻿@media only screen and (min-width:281px) and (max-width:1023px)
{
 *
 {
  font-size:3.8vw;
 }
 h6
 {
  font-size:2vw;
 }
 .nav
 {
  float:left;
 }
 .nav .ham
 {
  float:left;
  font-family:icons;
  font-size:10vw;
  font-weight:bold;
  line-height:10vw;
  cursor:pointer;
 }
 .kil
 {
  display:block;
  float:right;
  margin-right:4vw;
  padding:0 0.2em;
  border:2px solid #ffffff;
  border-radius:0.2em;
  font-size:2em;
  font-weight:bold;
  cursor:pointer;
 }
 .mnu
 {
  position:absolute;
  display:none;
  top:-32px;
  width:100vw;
  height:200vw;
  margin:0 -2vw;
  padding:40px 0 600px 0;
  background:#000000;
  z-index:1;
  text-align:center;
 }
 .mnu .icons
 {
  margin:8vw;
  padding:0;
  clear:both;
 }
 .mnu .ico
 {
  text-align:center;
  width:100%;
  display:block;
  margin:20px 0;
  font-size:20vw;
 }

 .head
 {
  position:absolute;
  width:66vw;
  padding:2vw;
  color:#ffffff;
  box-sizing:border-box;
  z-index:1;
 }
 .head .ham
 {
  float:left;
  margin-right:0.6vw;
  padding:2vw;
  font-size:6vw;
  font-weight:bold;
  line-height:0.8em;
  border:2px solid #ffffff;
  border-radius:2vw;
  cursor:pointer;
 }
 .vendito
 {
  float:left;
  width:24vw;
  margin:2vw;
 }
 .page
 {
  margin:0 0.5vw;
 }
 .bum
 {
  padding:20px;
  font-size:2vw;
 }
 .bum img
 {
  float:right;
  margin:18px;
  height:20px;
 }
 .top
 {
  width:100vw;
  margin-left:-1vw;
  padding:26vw 4vw 2vw 4vw;
  box-sizing:border-box;
 }
 .title
 {
  margin-top:-24vw;
  padding:2vw 1vw;
  border:1px #ffffff solid;
 }
 .sub
 {
  float:right;
  height:14vw;
  width:14vw;
 }
 .sub a
 {
  font-size:1.8vw !important;
 }
 .sub .ico
 {
  padding-top:1.8vw;
 }
 #home .top
 {
  width:59vw;
  height:36vw;
  margin-left:-1vw;
  box-sizing:initial;
 }
 .bum
 {
  box-sizing:border-box;
 }
}