body {
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 14px;
}

/* HEADER */
header .top {
	background-color: #fff;
	border-bottom:29px solid #002157;
	border-top:5px solid #002157;
	padding:23px 0 19px 0;
}

.l-col, .r-col {
	padding: 0;
}

.r-col {
	text-align: center;
}

header .top img {
	height:auto;
	margin:0 auto;
}

header img.top-logo {
	margin:25px auto 0 auto;
}


/* CONTENT */
article .container {
	max-width: 904px;
}

.welcome, .info {
	padding: 0;
}

.welcome h1 {
	color:#002157;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
	margin-top: 45px;
}

.info {
	margin-bottom: 34px;
}

.info img {
	margin-top:61px;
}

.info a {
	color:#002157;
	text-decoration: none;
}

article.details {
	background-color: #e1e1e1;
}

.details h1 {
	color:#002157;
	font-size: 20px;
}

.details h2 {
	color:#002157;
	font-size: 20px;
}

.buttons a {
	clear: both;
	display: block;
	font-family: 'Montserrat', arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	padding:22px 28px 22px 28px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%
}

.buttons a:hover {
	text-decoration: none;
}

a.yellow {
	background-color: #ffdb00;
	color:#002157;
	margin-bottom: 17px;
}

a.yellow:hover {
	background-color: #002157;
	color:#ffdb00;
}

a.blue {
	background-color: #002157;
	color:#fff;
	margin-bottom: 5px;
}

a.blue:hover {
	background-color: #ffdb00;
	color:#002157;
}

.bot-logo {
	margin:35px auto 40px auto;
}


/* FOOTER */
footer {
	background-color: #7d7d7d;
	padding: 30px 0 30px 0;
}

footer .container {
	max-width: 904px;
}

footer p{
	font-size: 14px;
}




/* ***************************** */
/* ***** CSS MEDIA QUERIES ***** */
/* ***************************** */
@media(min-width:768px){
	header .container {
		max-width: 1080px;
	}

	header .top img {
	    float: left;
	}

	header img.top-logo {
		float:right;
		margin:0;
	}

	header .bottom img{
    	width: 100%;
	}

	img.small {
		display: none;
	}

	.welcome {
		padding: 0 94px 0 0;
	}

	.inner-wrap {
		float:right;
	}

	.info img {
		margin-top:27px;
	}

	a.yellow {
		margin-top:34px;
	}
}