.ribbon, .darkribbon, .masthead {
	padding: 1rem 2rem 0.6rem;
}

.body-content {
	padding: 1rem 1.5rem;
}

/* lato-regular - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-italic - latin */
@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
	font-family: 'Lato', 'Ariel', sans-serif;
	background-color: #222e37;
	color:#eee;
	font-size:16px;
}

p {
	margin-bottom: 0.625rem;
}

.title {
	color:	#fff;
	background-color: #1e6dad;
	min-height: 110px;
	padding: 14px 20px;
	text-align:	center;
	text-transform: uppercase;
	font-weight: 700;
}

.footer {
	border-top: 1px solid #ddd;
	margin-top: 1rem;
	padding:	1rem 1rem 2rem;
	background-color: #333;
	color: #eee;
	font-size: 14px;
}

.inmemoriam {
	margin-top: 1rem;
	padding: 2rem;
	background-color: #000;
	color: #eee;
	border: 4px solid #eee;
}
.black {
	background-color: #111;
	color: #eee;
}

.red {
	color: red;
}
.donate {
	padding: 15px;
	margin-top: 10px;
	color: #fff;
	background-color: #0087cc;
	border: 4px solid #428bca;
}

.donatelink {
	color: #fff;
	text-decoration: none;
}
.donatelink:focus, .donatelink:hover {
	color: #fff;
	text-decoration: underline;
}

.panel, .donate {
	border-radius: 3px;
}

.container, .colcontent {
	margin-top: 10px;
}

.colcontent {
	height: 100%;
}

.content, .ribbon, .colcontent {
	background-color: #fff;
	color: #333;
	border-radius: 3px;
}

.dark, .darkribbon {
	background-color: #17222b;
	border-radius: 3px;
}

.dark, .darkribbon,
.window {
	color: #eee;
}

.dark a.btn-default,
.window a.btn-default {
	color: #000;
}
.dark .btn-default:focus,
.dark .btn-default:hover,
.window .btn-default:focus,
.window .btn-default:hover {
 color: #000;
 background-color: #eee
}

.dark h1, .dark h2,
.dark h3, .dark h4,
.dark h5, .dark h6,
.window h1, .window h2,
.window h3, .window h4,
.window h5, .window h6 {
	color: #fff;
}

a.dark:hover,
a.dark:focus,
a.window:hover,
a.window:focus {
  background-color: #1e6dad;
}

.card {
	border: 1px;
	border-color: #428bca;
}
.card-header {
	background-color: #428bca;
	color: #fff;
}

.dark .card,
.dark .table {
	background-color: #17222b;
	color: #eee;
}
.window .card,
.window .table {
	background-color: #222e37;
	color: #eee;
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
 font-weight:700;
 line-height: 1.5;
}
.h1, .h2, .h3, .h4, .h5,
h1, h2, h3, h4, h5 {
 margin-top: 0.5rem;
 margin-bottom: 0.5rem
}
.h6, h6 {
 margin-top: 0.5rem;
 margin-bottom: 0.5rem
}

.navbar {
	padding:	0 4%;
	background-color:	#2483d0;
	min-height:	44px;
	margin-bottom: 0.625rem;
}
.navbar .active {
	background-color: #222e37;
}
.dropdown-menu a {
	color: #212529;
}
.dropdown-menu .active a {
	color: #eee;
}
.navbar-nav .nav-link {
	padding: 0.625rem !important;
}
.navbar-dark .navbar-nav
.nav-link {
	color: #fff;
}
.navbar-dark .navbar-nav
.nav-link:focus,
.navbar-dark .navbar-nav
.nav-link:hover {
	background-color: #ddd;
	color: #222;
}

.table-sm {
	padding-bottom: .5em;
}
.table-sm tbody tr td,
.table-sm tbody tr th,
.table-sm tfoot tr td,
.table-sm tfoot tr th,
.table-sm thead tr td,
.table-sm thead tr th {
	padding: .25rem .5rem;
}

.pull-right {
    float: right;
}
.text-right {
    text-align: right;
}

.bordertop0 {
    border-top: 0;
}

.maxlandscape {
	max-height: 100px;
}

.maxportrait {
	max-height: 150px;
}

.modal-content {
	color: #222;
}

.modal-body > .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    z-index: 1;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.alert-dismissible {
	padding-right: 1rem;
}

@media screen and (max-width: 992px) {
	.skin {
		padding-left: 2%;
		padding-right: 2%;
	}
	.container {
		max-width: 96%;
	}
}

@media screen and (max-width: 575px) {
	body {
		font-size:14px;
	}
	p {
		margin-bottom: 0.2rem;
	}
	.footer {
		margin-top: 0.5rem;
		font-size:12px;
	}
	.body-content {
		padding: 0.5rem 0.2rem;
	}
	.h1, .h2, .h3, .h4, .h5,
	h1, h2, h3, h4, h5 {
		margin-top: 0.5rem;
		margin-bottom: 0.2rem
	}
	.h6, h6 {
		margin-top: 0.2rem;
		margin-bottom: 0.2rem
	}
}

@media all {
.page-break { display: none; }
}

@media print {
	.page-break {
		display: block;
		page-break-before: always;
	}

	body {
		font-size: 14px;
	}
	.lead {
		font-size: 16px;
	}
	h3 {
		font-size: 20px;
	}
}