html, body { height: 100% }
body { padding-top:64px;max-width: 1366px; margin: 0 auto }


h1, h2, h3, h4, p, li { font-family: 'Lato', sans-serif }

h1, h3 { font-weight: 900 }
h2.text-center, h4, p, li { font-weight: 400 }

.jumbotron {
	background-image: url('../img/img2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 480px; width: auto;
	padding: 10% 0 0 0;
	text-align: center;
	position: relative;
	z-index: 1;
}

.jumbotron::after {
	content: ''; position: absolute;
	top: 0; left: 0; right: 0; bottom: 0; height: 480px;
	background: rgba(20, 20, 20, .4);
	z-index: -1
}

.jumbotron h1, .jumbotron p.lead {
	margin: 0 auto; padding: 0; color:#fff
}

.jumbotron h1 {
	font-size:72px; font-weight: 800;
	margin-bottom:2%;
	text-shadow: 2px 2px #222;
	font-family: 'Lato',sans-serif;
}

.jumbotron p.lead {
	font-size:32px; font-weight:400;
	max-width:60%;

}


h2.text-center { font-size: 54px; color: #6C5551 }

.col-md-6 h3 { font-size: 32px; font-weight:900; color: #4682B4 }
.col-md-6 p { font-size: 18px }

p.introduction { font-size: 24px; padding-bottom: 2% }

h4 { margin-bottom: 2px }

.col-md-6.padding-top-bottom { padding: 50% 0 50% 0}
.col-md-6.narrow-col { padding-left:8%; padding-right:8% }

.background-highlight {
	padding: 3% 0;
	background:#e3e3da;
	margin-bottom:4%
}	

a:link {
  color: #fff;
}

/* visited link */
a:visited {
  color: #fff;
}

.navbar-nav a.nav-link { text-transform: uppercase; margin-left: 30px }
.container-section-heading { text-align: center }
.container-section-heading p { color:#222; font-size:32px; text-align: center; margin: 0 auto; width: 60% }
.container-section-heading hr.color-center-line { text-align: center; margin: 12px auto 72px auto;  height: 6px; width: 30% }

.images-shadow { box-shadow: 5px 10px 8px #888 }

.container-get-in-touch { text-align: center }
.container-get-in-touch p { color:  #021647; font-size:32px; text-align: center; margin: 0 auto; width: 90% }

.bg-highlight-light .container-get-in-touch p.introduction a { text-decoration: underline }
.bg-highlight-light .container-get-in-touch p.introduction a:hover,
.bg-highlight-light .container-get-in-touch p.introduction a:active { text-decoration: none }

.bg-highlight-light { padding: 42px 0 48px 0 }

.bg-footer { background: #2c3e50; padding: 42px 0 48px 0  }
.container-footer p, p a { color: #fff }
.container-footer h4 { margin-bottom: 6px; font-size:18px }
.container-footer p { margin-bottom: 3px }
.container-footer .col-md-8 h4,
.container-footer .col-md-8 p { text-align: center; margin: 0 16% 12px 16% }
.container-footer p a:hover, .container-footer p a:active { color: #fff; text-decoration: underline }

}
@media all and (max-width: 767px){
	.jumbotron h1 { font-size: 42px}
	h1 { font-size: 38px}
	h2.text-center { font-size: 26px}
	.col-md-6 h3 { font-size: 20px}
	.jumbotron p.lead {font-size: 20px}

}