/* REDIFINES */
body {
	font-family: josefin-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	color: #181312;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: josefin-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
}

h1 {
	text-transform: uppercase;
	padding-bottom: 30px;
}

h2 {
	padding-top: 40px;
	padding-bottom: 30px;
}

h3 {
	padding-bottom: 20px;
}

input {
    padding: 8px 15px;
    margin: 4px 0;
    border: 1px solid white;
	background: transparent;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
}
label {
	margin: 4px 0;
	padding-top: 20px;
}
input[type=submit], input[type=button] {
	background-color: white;
	margin-top: 20px;
	color: #003D68;
	left: -10px;
	position: relative;
}
/* END REDIFINES */



/* NAVBAR */
[role=navbar] {
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: center;
}

.btn-outline-secondary {
	font-weight: 300;
	text-transform: uppercase;
	color: #181312;
	border-color: #f0f8fa;
	font-size: 0.8em;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f8fa+0,f3f5f6+100 */
	background: #f0f8fa; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f8fa 0%, #f3f5f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f0f8fa 0%,#f3f5f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f0f8fa 0%,#f3f5f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8fa', endColorstr='#f3f5f6',GradientType=0 ); /* IE6-9 */
}

.btn-outline-secondary:hover {
	color: #181312;
	text-decoration: none;
}

.btn-outline-secondary a {
	color: #181312;
}
/* END NAVBAR */



/* CAROUSEL */
.carousel {
  background:#007aeb;
}

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

.carousel-item a {
  display: block;
  width:100%;
}
/* END CAROUSEL */



/* HEADER */
[role=header] {
	padding-top: 80px;
	padding-bottom: 25px;
	text-align: center;
}

[role=header] img {
	width: 450px;
	padding-bottom: 50px;
}
/* END HEADER */



/* MAIN */
[role=main] {
	padding-top: 80px;
	padding-bottom: 100px;
	text-align: center;
}
/* END MAIN */



/* FOOTER */
[role=footer] {
	text-align: center;
	font-size: 0.9em;
}

.footer-bottom {
	background-color: #B8D4E0;
	padding-top: 50px;
	padding-bottom: 50px;
}


.footer-bottom img {
	width: 70px;
	padding-bottom: 10px;
}

.socialfooter {
	font-size: 1rem;
	padding-top: 5px;
	padding-right: 20px;
}

/* END FOOTER */