@media screen and (max-width:1200px){
   .main{width:auto}
   .logo{width:100%}
   #p1 .logo{width:550px}
   .menu-wrapper{top:20px;right:20px;}
   .slide{min-height:850px;height:auto;}
   .content{position:relative;display:block;width:auto;float:none;padding:10rem 3.6rem 5rem 3.6rem;}
   .pic{position:relative;float:none;height:auto;width:auto;min-height:0;}
   .pic-text{display:none}
   #p2 .pic .quot{display:none}
   #p2 .pic .boksi{margin:0 0 3rem 4rem;min-width:30rem}
   #p3b .quot{display:none}
}
@media screen and (max-width:1110px){
   #p1 .quot{position:relative;left:0;width:100%;text-align:center}
}

@media screen and (max-width:700px){
   .logo{background-size:60% auto;background-position:2rem 0;height:90px;top:25px;}
   #p1{background-position:-430px 0}
   #p1 .logo{display:inline;background-image:none;left:2rem;width:auto;top:25px}
   #p1 .logo img{width:60%;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(0 0 10px #000);}
   #p1 .logo.nega{display:none}
   #p1 .quot{display:none}
   .content{padding:10rem 2rem 5rem 2rem}
   h2{font-size:2.1rem;}
   #p2 .pic .boksi{margin:0 2rem 3rem 2rem;min-width:0}
   #p2 .pic .boksi .selite{display:block;width:100%;height:1.5rem;margin:1rem 0 .1rem 0;}
   #p2 .pic .boksi table {display: block;}
   #p2 .pic .boksi table tr {display: block; margin-bottom: .5em}
   #p2 .pic .boksi table tr td {display: block;}
   #p3 .content{padding-top:10rem}
   }
   @media screen and (max-width:450px){.menu-wrapper{top:25px}
   #menunappi img{width:30px}
   #p1{background-position:-620px 0}
}