html, body { 
  background-color:#fff; 
   color:#fff;
  margin: 0px;
  padding: 0px;
  font: 14px Arial, Helvetica, Sans Serif;
  width: 100%;
  height: 100%;
}

.table {
  display: table;
  width:100%;
  background-color:#000;
} 

.row {
  display: table-row;
}

.col25 {
  display: table-cell;
  text-align: left;
  padding: 5px 0px 5px 15px;
  width:25%;
  vertical-align: middle;
}

.col45 {
  display: table-cell;
  text-align: left;
  padding: 0px 25px 5px 55px;
  width:45%;
  vertical-align: middle;
}

.col30 {
  display: table-cell;
  text-align: left;
  padding: 0px 0px 0px 15px;
  width:30%;
  vertical-align: middle;
}

.block {
  display: inline-block;
  height: auto;
  padding: 0px 0px 0px 45px;
}

a.top:link {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.top:visited {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.top:active {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.top:hover {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#c0c0c0;}

/* MOBILE */

img.main {
  float:left
  object-fit: cover;
  object-position: bottom;
max-width: 100%;
width: 250px; 
}

img.search {
  max-width: 15px;
  height: auto;
}

@media screen and (min-width: 400px) {
  body {
    background-color: #000;
  }
}

@media screen and (min-width: 800px) {
  body {
    background-color: #000;
  }

@media only screen and (max-width: 768px) {
        /* For mobile phones: */
          [class*="col-"] {
        width: 100%;
           }
}
          @media only screen and (min-width: 600px) {
         /* For tablets: */
       .col-m-1 {width: 8.33%;}
       .col-m-2 {width: 16.66%;}
       .col-m-3 {width: 25%;}
       .col-m-4 {width: 33.33%;}
       .col-m-5 {width: 41.66%;}
       .col-m-6 {width: 50%;}
       .col-m-7 {width: 58.33%;}
      .col-m-8 {width: 66.66%;}
      .col-m-9 {width: 75%;}
      .col-m-10 {width: 83.33%;}
      .col-m-11 {width: 91.66%;}
      .col-m-12 {width: 100%;}
         }

        @media only screen and (min-width: 768px) {
      /* For desktop: */
      .col-1 {width: 8.33%;}
      .col-2 {width: 16.66%;}
      .col-3 {width: 25%;}
      .col-4 {width: 33.33%;}
      .col-5 {width: 41.66%;}
      .col-6 {width: 50%;}
      .col-7 {width: 58.33%;}
      .col-8 {width: 66.66%;}
      .col-9 {width: 75%;}
      .col-10 {width: 83.33%;}
      .col-11 {width: 91.66%;}
      .col-12 {width: 100%;}
         }

