@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensanslight.woff2') format('woff2'), url('../fonts/opensanslight.woff') format('woff'), url('../fonts/opensanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensansbold.woff2') format('woff2'), url('../fonts/opensansbold.woff') format('woff'), url('../fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('../fonts/opensanssemibold.woff2') format('woff2'), url('../fonts/opensanssemibold.woff') format('woff'), url('../fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url('../fonts/exo2bold.woff2') format('woff2'), url('../fonts/exo2bold.woff') format('woff'), url('../fonts/exo2bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html, body {
	background:#4b851f;
	margin:0px;
	padding:0px;
	font:300 17px 'Open Sans', Arial, Sans-seif;
	color:#fcffff;
}

img {
	max-width:100%;
}

b {
	font:600 17px 'Open Sans', Arial, Sans-seif;
}

h2 {
	font:700 25px 'Exo 2', Arial, Sans-seif;
	text-transform:uppercase;
	margin:0 0 20px;
}

.col-xs-6 {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

header {
	text-align:center;
}

.s1 {
	background: #1d601b;
	padding:30px 0;
	text-align:center;
}

.s2 {
	padding:30px 0;
	text-align:center;
}

.s1_2 {
	text-align:left;
}

.s1_2 h2 {
	text-align:center;
}

ul.styled {
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:left;
}

ul.styled li {
	background:url(../img/marker.png) no-repeat;
	padding:0 0 0 60px;
	margin:0 0 20px;
}

ul.styled span {
	font:300 15px 'Open Sans', Arial, Sans-seif;
	display:block;
}

.screenshots, .games  {
	width:940px;
	margin:0 auto;
}

.games .col-md-1 {
	-ms-flex: 0 0 14.2%;
    flex: 0 0 14.2%;
    max-width: 14.2%;
}

.games img {
	margin:0 0 15px;
}

footer {
	text-align:center;
	padding:40px 0;
}

.buttons {
	width:690px;
	margin:30px auto;
}





@media (max-width: 1200px) {

}

@media (max-width: 992px) {
	.screenshots, .games {
		width:auto;
	}
	
	.screenshots img {
		margin:0 0 20px;
	}
	
}

@media (max-width: 768px) {
	.games .col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	
	.buttons {
		width:auto;
	}
	
	.buttons img {
		margin:0 0 35px;
	}
	
}

@media (max-width: 576px) {
	.screenshots {
		text-align:center;
	}
}