/* 
	yellow: #d9ce51
	red: #d01b24
	grey: #2e2e2e
	#0066ae
*/


/* Core layout */
div, img, h1, h2, h3, h4, h5, h6, p{
	box-sizing: border-box;
}

body{
	font-family: Helvetica, Arial, sans-serif;
	background: #fff;
	padding: 20px;
	margin: 0px;
	font-size: 16px;
	line-height: 20px;
}

.content{
	width: 100%;
	margin: 0px auto;		
}


img{
	display: block;
	width: 100%;
}

@media (min-width: 480px){
	
	.content{
		width: 420px;
	}
}


h1, h2, h3, h4, h5, p{
	-webkit-text-size-adjust: 100%;
}






/* Typography */

a{
	color: #3c76ac;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #d01b24;
}

a.kpm{
	font-weight: bold;
}

hr{
	border: none;
	border-top: 15px solid #0066ae;
	margin-top: 20px;
	margin-bottom: 20px;
}

h1{
	color: #d01b24;
	font-size: 32px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: normal;
}
h2{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}
h3{
	margin-top: 0px;
	color: #e1e1e1;
	font-weight: normal;
	font-size: 14px;
}


h5{
	font-weight: normal;
	margin: 10px 0px;	
}

.nav{
	font-size: 14px;
}

.current-lang{
	font-weight: bold;
}

img{
	border: 1px solid #e3e3e3;
	margin-top: 20px;
}

.text{
	border-top: 1px solid #0066ae;
	border-bottom: 1px solid #0066ae;
	margin-top: 20px;
}