@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700,700italic|Hammersmith+One);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic,700);

body {
	font: 20px "Roboto", sans-serif;
	color: #333;
	background-color: #FFFFFF;
	letter-spacing: .01rem;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
}

h2 {
	line-height: 1.5;
	font-size: 20px;
	font-weight: 300;
	text-align: justify;
}

h3 {
	font: 20px 'Roboto', sans-serif;
	text-transform: uppercase;
	text-align: justify;
	letter-spacing: 1px;
	color: #223972;
	line-height: normal;
}

.info {
	margin-bottom: 40px;
	line-height: 1.3;
}

.info h3 {
	color: #444;
	font-size: 14px;
}

h4 {
	font: 14px 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #223972;
	text-align: justify;
	line-height: normal;
}

p {
	margin: 2em 0px;
}

.small {
	font-size: 90%;
}

p {
	margin: 0.5em 0px;
}

.smaller {
	font-size: 80%;
}

.half-line {
  	line-height: 0.05em;
  	font-size: 90%;
}

a {
	text-decoration: none;
	border-bottom: 1px solid #888;
	color: #333;

	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-moz-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-ms-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
  	transition: border .15s ease-in-out, color .15s ease-in-out;
}

a:hover {
	color: #888;
	border-color: #888;
	text-decoration: none;
}

a:focus {
	color: #888;
	border-color: #888;
	text-decoration: none;
	outline: none !important;
}

#navigation {
	padding: 50px 0px;
	margin-bottom: 110px;
	background: transparent;
	border-radius: 0px;
	border: none;
}

#navigation a {
	color: #666;
	text-decoration: none;
	font: 12px 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	margin-right: 50px;
	padding: 8px 0px;
	border-bottom: 1px solid transparent;

}

#navigation a:hover {
	border-bottom: 1px solid #223972;
}

#navigation a.active {
	border-bottom: 1px solid #223972;
	color: #223972;
}

.navbar-brand {
	height: auto;
}

.navbar-toggle {
	border: none;
	margin-top: 0px;
	border-radius: 0px;
	margin-right: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #694AE2;
}

#wrapper {
	padding-bottom: 80px;
}

article {
	margin-bottom: 50px;
}

ul.list-container {
  padding: 0;
  list-style: none;
  list-style-image: none;
}

ul.list-container>li:before {
  padding-top: 6px;
  padding-right: 15px;
  font-size: 14.3px;
	content: '2022';
}

ul.list-container>li:before {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 58px;
  margin-left: -58px;
  text-align: right;
}

.list {
	margin-left: 30px;
	margin-bottom: 12px;
	padding-top: 2px;
}

img {
	width: 100%;
	margin: 10px 0px;
}

img.bordered {
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	border-right: 2px;
}

.thumb {
	height: 350px;
	text-decoration: none;
}

.thumb:hover h4 {
	color: #888;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-moz-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-ms-transition: border .15s ease-in-out, color .15s ease-in-out;
  	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
  	transition: border .15s ease-in-out, color .15s ease-in-out;

}

.thumb-img {
	height: 150px;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #eee;
}

.footer {
	font: 12px 'hammersmith one', sans-serif;
	color: #999;
}



/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

	body {
		font: 20px "Lato", sans-serif;
		line-height: 1.5;
		font-weight: 300;
	}

	#navigation {
		padding: 40px 0px;
		margin-bottom: 40px;
	}

	#navigation a.active {
		border-color: transparent;
	}

	#navigation a:hover {
		border-color: transparent;
	}

	h2 {
		font-weight: normal;
		font-size: 20px;
		line-height: 1.5;
	}

	a {
		border-bottom: 1px solid #e5e5e5;
	}

	.info {
		line-height: 1.5;
	}

	.small {
		font-size: 100%;
	}

	.thumb {
		height: 180px;
	}

	.thumb-img {
		height: 180px;
	}

}


/* Small devices (tablets, 768px and up) */
@media (max-width: 480px) {

	body {
		font: 14px "Lato", sans-serif;
		line-height: 1.5;
		font-weight: 300;
	}

	#navigation {
		padding: 20px 0px;
		margin-bottom: 20px;
	}

	#navigation a.active {
		border-color: transparent;
	}

	#navigation a:hover {
		border-color: transparent;
	}

	h2 {
		font-weight: normal;
		font-size: 20px;
		line-height: 1.5;
	}

	h4 {
		font-size: 14px;
	}

	a {
		border-bottom: 1px solid #e5e5e5;
	}

	.info {
		line-height: 1.5;
	}

	.small {
		font-size: 100%;
	}

	.thumb {
		height: auto;
		margin-bottom: 40px;
	}

	.thumb-img {
		height: 120px;
	}


}