body {
	font-family: 'Roboto', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight:800!important
}

.btn-xl {
	text-transform:uppercase;
	padding:1.5rem 3rem;
	font-size:.9rem;
	font-weight:700;
	letter-spacing:.1rem
}

.bg-blue {
	background-color:#114470!important
}

.rounded-pill {
	border-radius:5rem
}

.navbar-custom {
	padding-top:1rem;
	padding-bottom:1rem;
	background-color:rgba(17,68,112,.7)
}

.navbar-custom .navbar-brand {
	text-transform:uppercase;
	font-size:1rem;
	letter-spacing:.1rem;
	font-weight:700
}

.navbar-custom .navbar-nav .nav-item .nav-link {
	text-transform:uppercase;
	font-size:1.1rem;
	font-weight:700;
	letter-spacing:.1rem
}

header.masthead {
	height: 100vh;
	position:relative;
	overflow:hidden;
	padding-top:calc(7rem + 72px);
	padding-bottom:7rem;
	background:url('../img/homepage.svg') center center no-repeat;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:scroll;
	background-size:cover

}

header.masthead .masthead-content {
	z-index:1;
	position:relative
}

header.masthead .masthead-content .masthead-heading {
	font-size:4rem;
		 text-align: center;
  color: #fefefe;
	text-shadow:
    -1px -1px 0 #114470,
    1px -1px 0 #114470,
    -1px 1px 0 #114470,
    1px 1px 0 #114470;
}

header.masthead .masthead-content .masthead-subheading {
	font-size:2rem
}

header.masthead .bottom-content-section {
   padding: 1rem;

}

header.masthead .bottom-content-section svg {
	height: 3.75rem;
	width: 3.75rem;
}

@media (min-width:992px) {
	header.masthead {
		padding-top:calc(10rem + 400px);
		padding-bottom:10rem
	}

	header.masthead .masthead-content .masthead-heading {
		font-size:4rem
	}

	header.masthead .masthead-content .masthead-subheading {
		font-size:4rem
	}
}

.bg-primary {
	background-color:#ee0979!important
}

.btn-primary {
	background-color:#114470;
	border-color:#114470
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
	background-color:#185e9b!important;
	border-color:#185e9b!important
}

.btn-primary:focus {
	box-shadow:0 0 0 .2rem rgba(238,9,121,.5)
}

.btn-secondary {
	background-color:#ff6a00;
	border-color:#ff6a00
}

.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover {
	background-color:#c50!important;
	border-color:#c50!important
}

.btn-secondary:focus {
		box-shadow:0 0 0 .2rem rgba(255,106,0,.5)
}