body {
  margin: 20px;
  background-color: #fff;
  color: #444;
}

a {
    color: white;
    text-decoration: none;
}

@media  screen and (min-width: 240px) {
    .adslot_1 { width: 240px; height: 150px; }
    .wrapper {
      max-width: 240;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(1, [columns] 1fr);
      grid-auto-rows: repeat(13, [rows] 1fr);
      font-family: "Tahoma";
    }
    .wrapper > * {
      background-color: #fd9732;
      color: #fff;
      border-radius: 10px;
      padding: 5px;
      font-size: 150%;
      margin-bottom: 10px;
      margin: 0;
    }

    .title {

      background-color: #c7f7aa;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      grid-column: columns 0;
      grid-row: rows 1;
      font-size: 150%;
      font-family: 'Tahoma';
      align:left;

    }

    .point1 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0;
      grid-row: rows 2;
      font-size: 100%;
    }
    .point2 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0 ;
      grid-row: rows 3;
      font-size: 100%;
    }
    .point6 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
        padding: 5px;
      align:left;
      grid-column: 0;
      grid-row: rows 4;
      font-size: 100%;
    }
    .point3 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: 0;
      grid-row: rows 5;
      font-size: 100%;
    }
    .point4 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: 0;
      grid-row: rows 6;
      font-size: 100%;
    }
    .point5 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
        padding: 5px;
      align:left;
      grid-column: 0;
      grid-row: rows 7;
      font-size: 100%;
    }
    .advertisements {

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      align:center;

      grid-column: columns 1 ;
      grid-row: rows 16;
    }
    .wrapperForFooter {
      max-width: 460px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    .wrapperForFooter > * {
      background-color: #525252;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }
}


@media  screen and (min-width: 1000px) {
    .adslot_1 { width: 160px; height: 600px; }
    .wrapper {
      max-width: 1000px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(1, minmax(200px, 1fr));
      grid-auto-rows: 10;
    }
    .wrapper > * {
      background-color: #aaa
      color: #000;
      border-radius: 10px;
      padding: 5px;
      font-size: 150%;
      margin-bottom: 10px;
      margin: 0;
      width:95%;
    }
    .title {

      background-color: #c7f7aa;
      color: #525252;
      margin-left: auto;
      margin-right: auto;
      grid-column: columns 0/span 4 ;
      grid-row: rows 1;
      font-size: 150%;
      font-family: 'Tahoma';
      align:left;

    }

    .point1 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0/span 4 ;
      grid-row: rows 2;
      font-size: 100%;
    }
    .point2 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0/span 4 ;
      grid-row: rows 3;
      font-size: 100%;
    }
    .point6 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
        padding: 5px;
      align:left;
      grid-column: columns 0/span 4;
      grid-row: rows 4;
      font-size: 100%;
    }
    .point3 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0/span 4 ;
      grid-row: rows 5;
      font-size: 100%;
    }
    .point4 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      padding: 5px;
      align:left;
      grid-column: columns 0/span 4;
      grid-row: rows 6;
      font-size: 100%;
    }
    .point5 {
      background-color: #ddf4ce;
      color: #000;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
        padding: 5px;
      align:left;
      grid-column: columns 0/span 4;
      grid-row: rows 7;
      font-size: 100%;
    }


    .advertisements {

      background-color: #969595;
      margin-left: auto;
      margin-right: auto;
      font-family: 'Tahoma';
      align:left;

      grid-column: columns 4 ;
      grid-row: rows 1/8;
    }
    .wrapperForFooter {
      max-width: 1000px;
      display: grid;
      grid-gap: 10px;
      margin: 0 auto;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    .wrapperForFooter > * {
      background-color: #525252;
      color: #fff;
      border-radius: 10px;
      padding: 10px;
      font-size: 90%;
      margin-bottom: 10px;
      margin: 0;
    }
}
.header{
  margin-left: 5px;
  background-color: #fff;
  margin-right: 5px;
  grid-column: 1 / -1;
  font-family: 'Tahoma';
}
.footer {
  margin-left: 5px;

  margin-right: 5px;

  grid-column: 1 / -1;
  font-family: 'Tahoma';
}