html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
pre{border: 1px solid #999;background: #f6f6f6;padding: 20px;}
table {border-collapse: collapse;border-spacing: 0;}
td{vertical-align: top;border:none;padding: 0;}
b,strong{font-weight: 700;}



/* For modern browsers */
.clearfix:before,
.clearfix:after {
   content: "";
   display: table;
}
.clearfix:after {
   clear: both;
}

/* для IE6-7 */
.clearfix {
   zoom: 1;
}

/****************************************************************************/
/*
колонки для фиксированного шаблона (взято из BOOTSTRAP)
ВЕРСТКА
<div class="blockofcols_container">
<div class="blockofcols_row">
        <div class="col-6"><a href="#item1">Рыба 1 Рыба 1 Рыба 1 Рыба 1 Рыба 1 </a></div>
        <div class="col-6"><a href="#item2">Рыба 2 Рыба 2 Рыба 2 Рыба 2 Рыба 2  </a></div>
        <div class="col-6"><a href="#item1">Рыба 1 Рыба 1 Рыба 1 Рыба 1 Рыба 1 </a></div>
        <div class="col-6"><a href="#item2">Рыба 2 Рыба 2 Рыба 2 Рыба 2 Рыба 2  </a></div>
</div>
</div>    
*/
.screen{width:1220px;margin: 0 auto;}
.blockofcols_container:after,.block-of-cols:before{content: " ";display: table;box-sizing: border-box;clear: both;}
.blockofcols_container{width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}

.blockofcols_row:after,.block-of-cols:before{content: " ";display: table;box-sizing: border-box;clear: both;}
.blockofcols_row{margin-left: -15px;margin-right: -15px;}

.blockofcols_container .col-1, 
.blockofcols_container .col-2, 
.blockofcols_container .col-3, 
.blockofcols_container .col-4, 
.blockofcols_container .col-5, 
.blockofcols_container .col-6, 
.blockofcols_container .col-7, 
.blockofcols_container .col-8, 
.blockofcols_container .col-9, 
.blockofcols_container .col-10, 
.blockofcols_container .col-11, 
.blockofcols_container .col-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative; 
    box-sizing: border-box;
}

.blockofcols_container .col-12 {
    width: 100%;
  }
  .blockofcols_container .col-11 {
    width: 91.66666667%;
  }
  .blockofcols_container .col-10 {
    width: 83.33333333%;
  }
  .blockofcols_container .col-9 {
    width: 75%;
  }
  .blockofcols_container .col-8 {
    width: 66.66666667%;
  }
  .blockofcols_container .col-7 {
    width: 58.33333333%;
  }
  .blockofcols_container .col-6 {
    width: 50%;
  }
  .blockofcols_container .col-5 {
    width: 41.66666667%;
  }
  .blockofcols_container .col-4 {
    width: 33.33333333%;
  }
  .blockofcols_container .col-3 {
    width: 25%;
  }
  .blockofcols_container .col-2 {
    width: 16.66666667%;
  }
  .blockofcols_container .col-1 {
    width: 8.33333333%;
  }