/* Webfont: Lato-Regular */@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
html { height: 100%; font-size: 100%;}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clearme {clear:both; height:1px;}
body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #111;
    font-weight: 400;
    font-size: 1em;
    color: #333;
    overflow: scroll;
    overflow-x: hidden;
}
a {
	color: #fff;
	text-decoration: none;
}
.container {
	width: 100%;
	position: relative;
}
.main, .container > header {
	width: 90%;
	max-width: 64em; /*76em*/
	margin: 0 auto; 
}
.container > header {
	padding: 1.6em 0;
}
.rk-header {
	list-style: none;
}
.rk-header li {
	width: 48.66%;
	height: 8em;
	margin: 0.5%;
	display: inline-block;
	vertical-align:top;
	background:rgba(0,0,0,0.0);
}
.rk-header li img {
	padding: 1.4em 1.4em 0.4em 1.4em;
	float:left;
	max-height:100%;
	max-width:100%;
	width:auto;
	height:auto;
}
.rk-header li p {
	padding: 0.4em 1.4em 0.4em 0;
	font-size: 1em; /*1,4*/
	text-align:right;
	color:#333;
}
.rk-header li a {
	color:#333 !important;
}
.rk-header li a img {
	border:none;
	outline:none;
	display:block;
}
@media screen and (max-width: 52em) {/*63.125em*/
	.rk-header li {
		width: 99.66%;
		overflow:hidden;
		height:auto; 
	}
	.rk-header li p {
		/*padding: 0.6em 1.4em 0.6em 0;
		font-size: 1.2em;*/
		text-align:left;
		padding: 0.4em 0 0.4em 2em;
		float:left;
	}
	.rk-header li img {
		padding: 1em 1.4em 0.4em 1.4em;
	}
	.main, .container > header {
		padding: 0;
	}
}
@media screen and (max-width: 35em) {
	.rk-header li {
		/*height:7em;*/
	}
	.rk-header li p {
		/*padding: 0.7em 1.6em 0.7em 0;
		font-size: 1.1em;*/
		text-align:left;
		float:none;
	}
}
@media screen and (max-width: 25em) {
	.main, .container > header {
		width: 100%;
		padding: 0;
	}
}