body {

	padding: 15px 0;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	line-height:1.6em;

}

a
{
color: rgb(62, 112, 156);
cursor: pointer;

}

img {

	width: 100%;

}

.btn_area
{
margin-bottom: .5rem;
}

.btn
{

background-color: #2a475e;

border-width: 0px!important;
border-radius: 1.5rem!important;
box-sizing: border-box;
width:100%;
min-width: 80px;
padding: .75rem 1.0rem;
margin-right: .25rem!important;
margin-top: .25rem!important;
position: relative;

cursor: pointer;
display: block;

font-family: "Font Awesome 5 Brands";
font-weight: 400;
color: #dcdad7;
}

.btn-Steam
{
color: #000;
padding: .25rem 1.25rem;

background: rgb(94,146,28);
background: -moz-linear-gradient(90deg, rgba(94,146,28,1) 0%, rgba(141,213,41,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(94,146,28,1) 0%, rgba(141,213,41,1) 100%);
background: linear-gradient(90deg, rgba(94,146,28,1) 0%, rgba(141,213,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5e921c",endColorstr="#8dd529",GradientType=1);
}

.mr-1
{
	margin-right: .25rem!important;
}

#navigation h1.nav-header {

	padding: 0 15px;

	margin-bottom: 0;

	font-size: 2.5rem;

}



#navigation a.nav-header {

	padding: 5px 15px;

	font-weight: bold;

	font-size: 0.875rem;

}



#navigation ul.uk-nav {

	padding: 15px 0;

}



#navigation p {

	padding-bottom: 10px;

}



#navigation li.language-select select {

	float: right;

}



#content > .uk-grid {

	margin-top: 2em;

}

#content h2 {

	font-family: Georgia, "Times New Roman", Times, serif;s

}



.site-header {

	margin-bottom: 0;

	position: relative;

}



#navigation .nav-logo {

	padding: 0 15px 15px;

	text-align: center;

}



#navigation .nav-logo-image {

	width: 100%;

	max-width: 180px;

	display: block;

	margin: 0 auto;

}



#navigation {

	margin-top: -20px;

	position: relative;

	z-index: 2;

}



#content ul {

	list-style-type: square;

}



#content li.done {

	color: #008000;

	text-decoration: line-through;

}



#content div.images div {

	padding-bottom: 25px;

}



#content p.images-text {

	margin-top: -15px;

}



#content .iframe-container {

	position: relative;

	/* Magic! Makes sure the container is high enough to show the entire iframe 

	 * Thanks to http://andmag.se/2011/11/responsive-embeds/ */

	padding-bottom: 56.5%;

}



#content iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



@media (max-width: 767px) {

	h2 {

		margin-top: 25px;

	}

}