*, *:after, *:before {
box-sizing: border-box;
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: 'Playfair Display';
font-weight: normal;
letter-spacing: 1px;
}
body {
font-family: 'Open Sans', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
color: #373737;
background: #f7f7f7;
}
/* добавим очистку потока для всех контейнеров, внутри которых задано обтекание дочерних элементов */
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: 1280px;
} 



/*Стили для шапки и её содержимого*/

header {
background: #9a5fff;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
/*padding: 0px 0;*/
margin-bottom: 0px; /*отступ от верхней полоски до первой картики*/
position: relative;
}
/* логотип */
.logo {    
display: block;
max-width: 350px;
margin: 0 auto;
}



/*==============================================================================================*/
/*
Наведение на всю картинку подсвечивает кнопку
#game-1:hover .play-now {
    background-position-y: bottom;
}*/

.play-now {
    display: block;
    width: 284px;
    height: 144px;
    margin: 0 auto;
    background: url(../img/play-now.png) center top no-repeat;
    margin-top: -64px;
    position: relative;
}

.play-now:hover {
    background-position-y: bottom;
}

.gpbadge{
	width: 240px;
	height: 90px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.gplink {
display:block;
width:240px;
height:90px;
margin: 0 auto 40px;
/*margin-top: -64px;*/

}

/*==============================================================================================*/

/*

Стили для нижнего колонтитула
Подвал сайта разделим на три равных столбца:


*/
footer {
padding: 30px 0;
padding-left: 25px;
padding-right: 25px;
background: #3C3D41;
color: white;
}
.footer-col {
width: 33.3333333333%;
float: left;
}
.footer-col a {
color: white;
}
.footer-col:last-child {
text-align: right;
}
.social-bar-wrap {
text-align: center;
margin-top: 10px;
}
.social-bar-wrap a {
padding: 0 7px;
font-size: 38px;
}