/*сброс стилей браузера по умолчанию. */
*, *:after, *:before {
   box-sizing: border-box;/*ширины и высоты элемента(width и height = значения полей и границ, но не отступов (margin))*/
   padding: 0;/*значение полей вокруг содержимого элемента*/
   margin: 0;/*значение отступа от каждого края элемента*/
   transition: .5s ease-in-out;/*эффект анимации начинается и заканчивается медленно*/
   /*плавность переходов для всех элементов страницы*/
}
ul {
   list-style: none;/*стиль маркера отменен*/
}
a {
   text-decoration: none;/*оформление текста отменено*/
   outline: none;/*цвет, стиль и толщина внешней границы отменены*/
}
img {
   display: block;/*элемент показывается как блочный*/
   width: 100%;/*рисунок растянут на всю ширину веб-страницы*/
}
h1, h2, h3, h4, h5, h6 {
   font-family: Geneva, Arial, Helvetica, sans-serif;/*шрифты для заголовка*/
   font-weight: normal;/*обычная насыщенность шрифтов */
   letter-spacing: 1px;/*интервал между символами*/
}
body {
   font-family: Geneva, Arial, Helvetica, sans-serif;/*шрифты для заголовка*/
   font-size: 14px;/* Размер текста */
   line-height: 1;/*межстрочный интервал текста*/
   color: #000000;/*цвет текста #000000-черный*/
   background: #f5f5f5;/*цвет фона тела страницы #f5f5f5-дымчато-белый*/
}
/* очистку потока для всех контейнеров, внутри которых задано обтекание дочерних элементов */
header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
   content: "";/*содержимое -пустая строка*/
   display: table;/*представление -блочная таблица*/
   clear: both;/*отмена обтекания элемента*/
}
/* стилевой класс, который управляет шириной контейнера сетки*/
.container {
   margin: 0 auto;/*отступа от каждого края элемента отсутствует и расчитывается браузером*/
   width: 100%;/*блок растянут на всю ширину веб-страницы*/
   max-width: 960px;/*максимальную ширину блока*/
   padding: 0 15px;/*значение полей вокруг содержимого блока(вертикаль 0, горизонталь 15px*/
}