/* -------------------------------------------- */
/* Web fonts: Lato */;
@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
/* -------------------------------------------- */
.text-alt {
	color: #b0c0d0;}
.border {
	border: 1px solid red;}
.align-center {
	text-align: center;}

/* -------------------------------------------- */
.text-danger {
	color: #b00;
	background-color: #fcc;
	padding: 0px 20px;
}
.back-image {
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
}
/* -------------------------------------------- */
/* header  */
header .page-header {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 300px;
	margin: 0; 
}
.page-header .text-box {
	padding: 30px 5%; 
	opacity:0.8; 
	background-color: #005cb2; 
	text-align: center;
}
.page-header .text-box h1 {
	font-size: 2.8rem; 
	color: white;
	margin:0;
}
@media screen and (max-width: 400px) {
	.page-header .text-box h1 {
		font-size: 2.3rem; 
	}
}
/* -------------------------------------------- */
/* section  */
section {
	padding-top: 50px;
}
section h1.section-header {
	border-top: 0px solid #daa520;  // GoldenRod
	font-size: 36px; 
	margin:0px; 
	margin-bottom: 20px; 
	text-align: center;
}
section .section-header .glyphicon {
	display: block; 
	font-size: 45px; 
	margin-top: 15px;
}
/* -------------------------------------------- */
/* alert  */
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
/* -------------------------------------------- */
/* cards  */
.cards-container {
	margin: 0 auto;
	padding: 0;
	max-width: 1100px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}
.cards-container .item {
	width: 50%; 
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 880px) {
	.cards-container {
		max-width: 600px;
	}
    .cards-container .item {
		width: 100%; 
    }
}
.cards-container .card {
	margin: 10px;
	border: 1px solid #ddd;
	padding: 5px;
	border-radius: 10px;
}
.card .card-image {
	position:relative; 
}
.card .card-image img {
	width: 100%; 
}
.card .card-image .title-over {
	font-size: 2.2rem;
	position:absolute;
	left:0px;
	width:100%;
	background-color:white;
	color:black;
	padding: 20px 10px;
	margin: 0px;
	opacity:0.6;
}
.card .card-image .top {
	top: 0px;
}
.card .card-image .bottom {
	bottom: 0px;
}

.card .content {
	padding: 10px;
	line-height: 160%;
}
.card .content h2 {
	margin-bottom: 20px;
	font-size: 1.3rem;
}
/* -------------------------------------------- */
/* buttons  */
.buttons  {
	margin-top: 20px;
	padding-top: 15px;
	text-align: center;
}
.buttons a {
	display: inline-block;
	outline: 0;
	text-decoration: none;
	margin: 5px;
	padding: 10px 20px;
	border-radius: 5px;
	/* 
	background-color: #1e88e5; 
	color: white;
	*/
	border: 2px solid #1e88e5;
	color: #25c;
}
.buttons a:hover {
	color: white;
	background-color: #5aa7ef;
}
/* -------------------------------------------- */
/* footer */
footer {
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #bb4d00;
}
footer p {
	color: #edc0b7;
	margin: 10px 0px;
	text-align: center;
}