body, footer {
	color: #001649;
}

h1 {
	margin-top: 10rem;
	padding-top: 5rem;
	font-size: 48px;
	font-weight: 300;
}

p.lead, ul.lead {
	font-weight: normal;
}

.bg-dark, #pricing {
background-color: #001649!important;
}

.btn {
	width: 100%;
}

.mb-50 {
	margin-bottom: 50px;
}

.mx-80 {
	margin-top: 80px;
	margin-bottom: 80px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-130 {
	padding-left: 130px;
}

.display-4 {
	font-size: 2.8rem;
}

.navbar {
  box-shadow: 2px 2px 5px #3292a6;
  opacity: 0.9;
  background: #fff;
  height: 100px;
}

.navbar .nav-item {
	font-size: 1.4rem;
	padding-right: 1.4rem;
	padding-top: 10px;
}

.navbar-light .navbar-nav .nav-link, .navbar-brand, h1 {
	color: #001649!important;
}

.navbar-brand {
	font-size: 25px;
	padding-top: 14px;
}

#showcase {
	position: relative;
	background: url('../img/umbrellas.png');
	min-height: 700px;
	background-size: cover;
	font-family: 'Lato', sans-serif;
}

#showcase .primary-overlay {
	background: $primary-overlay;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#services {
	position: relative;
	background: url('../img/money1.png');
	background-size: cover;
	height: 1000px;
	height: auto;
}

#about {
	position: relative;
	background: url('../img/leaves.png');
	background-size: cover;
	height: 1000px;
	height: auto;
}

#contact {
	position: relative;
	background: url('../img/sea.png');
	background-size: cover;
	min-height: 350px;
	height: auto;
}

input {
  border: 0;
  outline: 0;
  background: transparent;
  border-radius: 0!important;
  border-bottom: 1px solid #fff;
  box-shadow: none;
  color: #fff;
}

select, option, textarea, input {
  color: #fff!important;
}

.blockquote-footer {
	color: #001649;;
}

span {
		color: #0081BC;
}

@media(max-width: 768px) {
	#showcase {
		min-height: 550px;
	}

	.display-4 {
		font-size: 3rem;
	}

	.pl-50, .pl-130 {
	padding-left: 3rem!important;
	}

	.mt-5 {
		margin-top: 1rem!important;
	}

	.mx-resp {
      margin-left: 2rem;
      margin-right: 2rem;
	}

	.m-resp {
		margin-top: 2rem;
		margin-bottom: 2rem;
	    margin-left: 2rem;
	    margin-right: 2rem;
	}
}

@media(max-width: 600px) {

		p, .navbar-brand {
			font-size: 1rem!important;
			font-weight: 300;
		}

		.display-4 {
			font-size: 2rem!important;
		}

		h1 {
			font-size: 28px;
			margin-top: 10px!important;
			padding-top: 10px!important;
			padding-bottom: 40px;
		}

		p.lead, p, ul.lead {
			font-size: 16px!important;
		}
}

@media(min-width: 1500px) {

	#showcase {
		min-height: 800px;
	}
}