body {margin:0px; background: url(/bg.jpg) 0 0 repeat;}
.wrapper{
        border: 1px solid #737373;
        box-shadow: 0 0 15px #737373;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 825px;
        padding: 35px 30px 0px;
        background-color: #fff;
        font-family: "Exo 2","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.header{border-bottom: 1px dotted #737373;
        padding-bottom: 10px;
}
.logo{float:left; width: 60%;}
.logo-description{font-size: 17px;}
.tel{float:right; width: 40%; text-align: right;}
.tel-nomer{font-size: 34px; font-weight: 400;}
.tel-geo{font-size: 14px;}
.footer{border-top: 1px dotted #737373; text-align: center; padding: 20px 0px;}
.zagolovok{font-size:22px; text-align:center; padding:20px 0px 0px;}
.nomer{font-weight: bold;}
.primer-lesenki{padding: 20px 0 7px 0;}
.usloviya{padding:15px 0px;}
.gallery img{border: 1px solid #D1D1D1; padding: 4px; margin:5px 1px;}
.gallery a:hover img {border: 1px solid #969696;}
.gallery{margin-left: -3px;}
.clear{clear: both;}


@media only screen and (max-device-width: 480px) {
.wrapper {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 10px 0px 10px;
  }
.gallery img{width: 45%;}
.logo{float:left; width: 100%;}
.logo-description{font-size: 15px;}
.tel{float:left; width: 100%; text-align: left;}
.tel-nomer{font-size: 30px; font-weight: bold; padding-top:25px;}
.tel-geo{font-size: 14px; margin-top: -10px;}
.zagolovok{font-size:18px; padding:20px 20px 0px 20px;}
}