.wrap{
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin: 0px 0;


  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.wrap {
  background: #99CCFF;
}

.big, .s-block, .logo:before, .list, .m-top, .m-bottom, .w-image, .w-title, .m-image, .b-list, .ava, .t-block, .block{
   background: #99CCFF;   
  //color: #fff;
}


.big, .small{
  float: left;
}

.big {
  width: 35%;
  min-height: 400px;
  margin: 0px 0% 0px 0px;
}

.small {
  width: 23%;
}

.s-block {
  width: 100%;
  height: 200px;
}

.s-block:first-child{
  margin: 0 0 0px 0;
}




@media screen and (max-width: 800px) {
    
    .big{
      width: 100%;
      float: none;
    }

    .small{
      float: none;
      overflow: hidden;
      width: 100%;
      margin: 0px 0 0 0;
    }

    .s-block{
      float: left;
      width: 49%;
    }

    .s-block:first-child{
      margin: 0 0% 0 0;
    }
    }

@media screen and (max-width: 400px) {

    .small{
      margin: 0px 0 0 0;
    }

    .s-block{
      width: 100%;
    }

    .s-block:first-child{
      margin: 0 0 0px 0;
    }
    }