/* @import"reset.css"; */
   .wrapper {  /* неправильное решение, но работает и на ipad */
  z-index: -1;
  position: fixed;
  top: 0;
  left: 300px;
  height: 100%;
  width: 100%;
  background-size: 40%;
  
  background-repeat:no-repeat;
  
} 
   .wrapperr {  
  z-index: -2;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100%;
  
  background-repeat:no-repeat;
  
} 

.design {
    display: inline-block; /* Строчно-блочный элемент */
    padding: 5px 20px; /* Добавляем поля */
    text-decoration: none; /* Убираем подчёркивание у ссылки */
    cursor: pointer; /* Курсор в виде руки */
    background: #deefff; /* Фон для браузеров, не поддерживающих градиент */
    /* Современный градиент */
    background: linear-gradient(to bottom, #deefff 0%, #98bede 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    font: 12px/1 Arial, sans-serif; /* Рубленый шрифт */
    color: #2c539e; /* Цвет текста и ссылки */
   }
   
   TABLE {
    width: 500px; /* Ширина таблицы */
    border: 1px solid black; /* Рамка вокруг таблицы */
   }
   TD{
	   background: grey; /* Цвет фона */
	   color: white; /* Цвет текста */
   }
   TD, TH {
    padding: 3px; /* Поля вокруг содержимого ячеек */
	text-align: center;
   }
   TH {
    text-align: center; /* Выравнивание  */
    background: red; /* Цвет фона */
    color: white; /* Цвет текста */
   }