@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Italic.eot');
    src: url('/assets/fonts/SourceSansPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-Italic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Italic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-Italic.svg#SourceSansPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Bold.eot');
    src: url('/assets/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-Bold.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-ExtraLight.eot');
    src: url('/assets/fonts/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-ExtraLight.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-ExtraLight.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-ExtraLight.svg#SourceSansPro-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-BlackItalic.eot');
    src: url('/assets/fonts/SourceSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-BlackItalic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-BlackItalic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-BlackItalic.svg#SourceSansPro-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-SemiBoldItalic.eot');
    src: url('/assets/fonts/SourceSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-SemiBoldItalic.svg#SourceSansPro-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-BoldItalic.eot');
    src: url('/assets/fonts/SourceSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-BoldItalic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-BoldItalic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-BoldItalic.svg#SourceSansPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-LightItalic.eot');
    src: url('/assets/fonts/SourceSansPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-LightItalic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-LightItalic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-LightItalic.svg#SourceSansPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Black.eot');
    src: url('/assets/fonts/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-Black.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Black.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-Black.svg#SourceSansPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Regular.eot');
    src: url('/assets/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-SemiBold.eot');
    src: url('/assets/fonts/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-SemiBold.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-SemiBold.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-ExtraLightItalic.eot');
    src: url('/assets/fonts/SourceSansPro-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-ExtraLightItalic.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-ExtraLightItalic.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-ExtraLightItalic.svg#SourceSansPro-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/assets/fonts/SourceSansPro-Light.eot');
    src: url('/assets/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/assets/fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('/assets/fonts/SourceSansPro-Light.woff') format('woff'),
        url('/assets/fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('/assets/fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

body {
	font-family: 'Source Sans Pro', sans-serif;	
}

.blue {
	background-color: blue;
}

.carousel-content {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:1;
	width:100%;
}

.carousel-content a {
	color:#fff;	
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	text-decoration:none;
}

.carousel-dateline {
	margin: 0;
	position: absolute;
	top: 95%;
	-ms-transform: translateY(-95%);
	transform: translateY(-95%);
	z-index:1;
	width:100%;
}

.carousel-dateline a {
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	text-align:center;
}

.navbar-brand {
	text-decoration:none;
	color:#000000;
	font-weight:700;
	font-size:14px;
	line-height:1.2em;
}

	.navbar-brand div {
		margin-top:15px;
	}


	.page-title {
  position: absolute;
  left:25px;
  top:50%;
  transform: translateY(-50%);
	  position: absolute;

	  font-weight:400;
	  font-size:24px;


	}	

	.banner-solid {
		background-color:#024873;
		height:150px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.banner-solid div {
		 font-weight:300;
		 font-size:30px;
		 text-align:center;
		 color:#FFFFFF;
		 width:100%;
	}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

	.carousel-content a {
		font-size:36px;
	}

	.navbar-brand {
		font-size:21px;
	}

	.page-title {
		font-size:24px;
	}

	.navbar-brand div {
		margin-top:7px;
	}

	.banner-solid {
		height:170px;	
	}

	.banner-solid div {
		font-size:40px;	
	}

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.carousel-content a {
		font-size:48px;
	}

	.carousel-dateline a {
		font-size:21px;	
	}

	.navbar-brand {
		font-size:24px;
	}

	.page-title {
		font-size:36px;
	}

	.navbar-brand div {
		margin-top:5px;
	}

	.banner-solid {
		height:190px;	
	}

	.banner-solid div {
		font-size:50px;	
	}

	
}    


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.carousel-content a {
		font-size:60px;
		text-decoration:none;
	}

	.carousel-dateline a {
		font-size:24px;	
	}

	.page-title {
		font-size:48px;
	}

	.navbar-brand {
		font-size:24px;
	}
	
	.navbar-brand div {
		margin-top:7px;
	}

/*
	.banner-solid {
		height:210px;	
	}

	
	.banner-solid div {
		font-size:60px;	
	}
*/	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.carousel-content a {
		font-size:72px;
	}

	.carousel-dateline a {
		font-size:35px;	
	}

	.page-title {
		font-size:60px;
	}

/*
	.banner-solid {
		height:230px;	
	}

	.banner-solid div {
		font-size:70px;	
	}
*/
	
}

.grid-item {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	position:relative;
}

.grid-item:hover .grid-item-content, .grid-item.hover .grid-item-content {
	-webkit-transform: rotateY(180deg) translateZ(1px);
	-moz-transform: rotateY(180deg) translateZ(1px);
	-o-transform: rotateY(180deg) translateZ(1px);
	transform: rotateY(180deg) translateZ(1px);
}

.grid-item-content {
	display:grid;
	grid-template-columns: 1fr; /* only one column */
	grid-template-rows: 1fr auto; /* 2 rows */
	
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;
	
	position:relative;
}

.image-box {
	grid-column: 1;
	grid-row: 1;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;	
	background-position:center;
}

.image-box img {
	width:100%;
}


.carousel-item {
	position: relative;	
}

.carousel-item .img-fluid {
  width:100%;
  height:100%;
}

.thumbnail-obverse-box {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	justify-self: center;
	height:2.3em;
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;	
	background-position:center;
	background-size:cover;
	width: 100%;
	
}

.thumbnail-reverse-box {
	grid-column: 1;
	grid-row: 1;
	-webkit-transform: rotateY(180deg) translateZ(1px);
	-moz-transform: rotateY(180deg) translateZ(1px);
	-o-transform: rotateY(180deg) translateZ(1px);
	transform: rotateY(180deg) translateZ(1px);	
	position:relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;	
	background-repeat: no-repeat;	
	background-size:100% auto;	
	display:grid;
	grid-template-columns: 1fr; /* only one column */
	grid-template-rows: 1fr auto; /* 2 rows */
	
}

.thumbnail-reverse-box-content {
	grid-column: 1;
	grid-row: 1;
	align-self:center;
	justify-self:center;
	position:relative;
	
}

.thumbnail-obverse-box p {
	color:White;
	text-align:center;
}

.thumbnail-reverse-box-content a {
	font-size:24px;
	background-color:#00685d;
	margin:0 1px 0 1px;
	color:white;
	padding:10px 20px 10px 20px;
	position:relative;
}

.thumbnail-reverse-box-content .left {
	border-radius: 10px 0 0 10px;	
}

.thumbnail-reverse-box-content .right {
	border-radius: 0px 10px 10px 0px;	
}

ul.filter {
  margin: 0;
  padding: 0;
  margin-bottom: 28px;
}

ul.filter li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 3px;
}

ul.filter li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
  color: #828282;
  font-size: 15px;
  font-family: 'Quicksand', sans-serif;
  padding: 8px 16px;
  background: transparent;
  font-weight:700;
  border-radius: 10px 10px 10px 10px;	  
}

ul.filter li a:hover,
ul.filter li a.active {
  color: #ffffff;
  background: #00685d;
}

.carousel-control-blocks {
  font-size: 36px;
  color: #ffffff;
  opacity: 1;
  background: #406d99;  
  position:relative;
  text-align:center;
}

.carousel-control-blocks i {
	width:50px;
	display:inline-block;	
}

.carousel-control-blocks:hover {
	opacity:0.5;
	text-decoration:none;
	color:white;
}

	.banner {
	  position: relative;
	  text-align: center;
	  color: white;		
	}

.footer a {
	text-decoration:none;
	color:#808080;
}