body { font-family: 'Lato', sans-serif; color: #5e5e5e; }

h1, .h1, 
h2, .h2, 
h3, .h3 { color: #3e3e3e; }

.display-font { font-family: 'Open Sans', sans-serif; font-weight: 800; }

.btn-custom { border-width: 2px; border-color: #777; background: transparent; color: #777; text-transform: uppercase; padding: 1em 2em; border-radius: 0; font-weight: bold; letter-spacing: 0.04em; }
.btn-custom:hover { background-color: #48bd97; color: white; border-color: #48bd97; }

.color-lightgreen * { color: #dffcb9; }
.color-white { color: white; }
.color-seablue { color: #48bd97; letter-spacing: 0.02em; }
.card-deck .card { margin-right: 5px; margin-left: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.15); }

.menu { text-align: center; width: 100%; z-index: 5; position: relative; padding-top: 20px; }
.menu a { color: inherit; padding: 10px; text-decoration: none !important; font-family: 'Open Sans', sans-serif; font-weight: normal; letter-spacing: 0.04em; }
.menu a:hover { color: black; }

.iframe-container iframe { width: 100%; border: none; }

.logo { width: 150px; display: block; color: white !important; line-height: 20px; }

nav li { vertical-align: middle; }

header { display: block; overflow: hidden; }

.cover { background: url(../img/bg.jpg) center center no-repeat; background-size: cover; position: relative; background-attachment: fixed; }

.bg-shade:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.75); }

@media(max-width:992px) {
	html { font-size: 14px; }
}
@media(max-width:768px) {
	h1 { font-size: 1.6rem; }

	.menu { margin-top: 40px; }
	.menu a { padding: 0; margin: 0; }

	.logo { width: 70px; position: absolute; top: -26px; left: 50%; margin-top: -50px; margin-left: -35px !important; line-height: 36px !important; }
}
@media(max-width:570px) {
	.title-split span { display: block; }
	.menu a { font-size: 80%; }
}