@font-face {
font-family: libre-franklin-thin;
src: url('../webfonts/libre-franklin/fonts/TTF/LibreFranklin-Thin.ttf')
format("truetype");
font-display: fallback;

}

@font-face {
font-family: libre-franklin-light;
src: url('../webfonts/libre-franklin/fonts/TTF/LibreFranklin-Light.ttf')
format("truetype");
font-display: fallback;
}

html > body {
	font-family: 'libre-franklin-thin';
}

img {
    max-width: 100%;
    height: auto;
	margin-bottom: 10px;
}

.header {
	padding-top: 20px;
}

.subheader {
	white-space: nowrap;
}

a.login-btn {
	background-color: white;
	color: #1c4474;
	border: 1px solid #1c4474;
	text-align: center;
	font-size: 18px;
}
a.login-btn:hover, a[role="button"].login-btn.btn-primary:active , a[role="button"].login-btn.btn-primary:focus {
	color: white;
	background-color: #1a4275;
	border: 1px solid white;
	box-shadow: 0 0 0 0rem white;
}

div.container-fluid {
    max-width: 1200px;
	padding-top: 30px;
}

div.logo-header {
	border-bottom: 1px solid lightgray;
}

nav {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 15px;
}

div.card > div.card-header {
    border-radius: 0;
	padding: 0;
	height: 57px;
}

h4.card-title-content {
	padding: 10px 20px;
	font-family: libre-franklin-light;
}

div.card-body {
    font-size: 16px;
	color: #000000;
}

div.card-content {
	padding: 20px;
}

.text-center > a{
    text-decoration: underline;
}

a {
	white-space: nowrap;
}

a[role="button"] {
    display: block;
	padding: 15px 20px;
    text-decoration: none;
    font-weight: 700;
	overflow: hidden;
    text-overflow: ellipsis;
}

.login-btn:hover,
.card-title a:hover {
	text-decoration: none;
}

.card-title a {
	background: #1a4275;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
	text-shadow: none;
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	font-weight: 100;
	letter-spacing: 0px;
}

.card-title a:hover {
	box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
	text-shadow: 1px 1px 2px #35557e;
	font-weight: 900;
	letter-spacing: 1px;
}

div.footer {
	padding-top: 50px;
	font-size: 18px;
}

div.footer a {
	padding-right: 22px;
}

@media (max-width: 575px) {
	nav [class*="col-"] {
		text-align: center;
		max-width: 300px;
		margin: 0 auto;
	}

	div.card-body {
		padding: 0;
	}
}
@media (max-width: 300px) {
	div.container-fluid {
		padding: 0;
	}
}

@media (min-width: 768px) {
	nav .col-sm-4 a {
		float: right;
		padding: 15px 50px;
	}
}

@media (max-width: 400px) {
	p.subheader {
		white-space: normal;
	}
}