/*
* GENERAL
*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: #555;
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
body,
html {
	height: 100%;
}
h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #005BA9;
	text-transform: uppercase;
}
h1 span {
	font-family: 'Varela Round', sans-serif;
	font-weight: normal;
}
h3 {
	line-height: 1.1;
	margin-bottom: 1rem;
	margin-top: 2rem;
	height: 68px;
}
strong {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
}
img {
	max-width: 100%;
}
.flex-container {
	display: flex;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* HEADER
*/
.main-header {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #efefef;
	border-top: 4px solid #005ba8;
	background: #fff;
	height: 66px;
	padding-bottom: 4px;
}
.main-header a.logo-font {
	position: absolute;
	top: 8px;
	display: inline-block;
	color: #005BA9;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 2rem;
}
.main-header span {
	font-family:'Varela Round', sans-serif;
	font-weight: 300;
}
.main-header .logo {
	margin-top: 10px;
	margin-right: 14px;
}
.main-header nav {
	margin-top: 18px;
	float: right;
}
.main-header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-header ul li {
	display: inline;
	margin-right: 20px;
}
.main-header ul li:last-child {
	margin-right: 0;
}
.main-header ul li a {
	display: inline-block;
	text-decoration: none;
	color: #005BA9;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.1rem;

}


/*
* HERO
*/
#hero {
	position: relative;
	width: 100%;
	height: 650px;
	background: url('../img/hero-730.jpg') no-repeat center center / cover;
}


/*
* CONTENT
*/
.content {
	margin: 2rem 0;
}
.content .row {
	max-width: 50rem;
}
.content p {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.1rem;
	text-align: justify;
}
.content .just p {
	text-align: justify;
}
.content .just .column {
	padding-left: 2rem;
	padding-right: 2rem;
}
.content strong {
	font-size: 1.4rem;
	margin-top: 4rem;
	margin-bottom: 4rem;
	display: block;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	text-align: center;
}
.content a {
	color: #005BA9
}
.content a:hover {
	text-decoration: underline;
}
a.download {
	display: inline-block;
	padding-left: 40px;
	background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23005BA9" d="M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8s-8-3.59-8-8s3.59-8 8-8m0-2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m1 10V8h-2v4H8l4 4l4-4z"/></svg>') no-repeat top left;
	line-height: 1.2em;
}

/* News */
.news {
	margin: 3rem 0;
}
.news h2 {
	margin: 4rem 0 1rem;
}
.news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.news ul li {
	padding: 1rem 0;
	border-top: 1px solid #ddd
}
.news ul li:first-child {
	border-top: none;
}
.news ul li h3 {
	font-size: 1.1rem;
	color: #555;
	height: auto;
	margin: 1rem 0;
	text-transform: none;
}
.news ul li span.date {
	display: inline-block;
	padding: .2rem .4rem;
	background-color: #eee;
	color: #fff;
	background-color: #005BA9;
	margin-right: 1rem;
}
.news ul li p {
	text-align: left;
}
.news ul li img.rounded {
	border-radius: 3px;
}
.news ul li img.half {
	width: 49%;
}
.news .flex-container.zebox {
	gap: 10px;
	margin: 1rem 0 .5rem;
}

/*
* TEAM
*/
.team h3 {
	margin-top: 0;
	margin-bottom: .5rem;
	height: auto;
}
.team h5 {
	font-family: 'Varela Round', sans-serif;
	font-size: 1.4rem;
	margin-bottom: 1rem;
	margin-top: 0;
}

/*
* FOOTER
*/
.main-footer {
	position: relative;
	width: 100%;
	background: #005BA9;
	color: #fff;
	padding: 2rem 0;
}
.main-footer h2 {
	color: #fff;
	margin-bottom: 1rem;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
}
.main-footer p {
	padding: 0;
	margin: 0;
}
.main-footer a {
	text-decoration: none;
	color: #fff;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
}
.main-footer a:hover {
	text-decoration: underline;
}


/*
* END
*/
.end {
	position: relative;
	width: 100%;
	background: #003968;
	color: #fff;
	padding: 1rem 0;
}
.end p {
	margin: 0;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
}



/*
* MEDIA
*/

@media only screen and (max-width: 63.99em)
{
	body {
		/*color: purple;*/
	}
	#hero {
		height: 350px;
	}
}
/* small */
@media only screen and (max-width: 40em) {
	body {
		/*color: red;*/
	}
	#hero {
		height: 250px;
	}
	.main-header .logo {
		margin-right: 10px;
	}
	.main-header a.logo-font {
		font-size: 0.9rem;
		top: 20px;
	}
	.news ul li span.date {
		display: block;
		max-width: 120px;
		margin: 0 0 10px 0;
		text-align: center;
	}
	.news h2 {
		margin: 4rem 0 0;
	}
	.news .flex-container.zebox {
		flex-direction: column;
	}
	.team h3 {
		margin-top: 2rem;
		margin-bottom: .5rem;
		height: auto;
		font-size: 1.5rem;
	}
	.team h5 {
		font-family: 'Varela Round', sans-serif;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		margin-top: 0;
	}
}