@charset "UTF-8";
/* CSS Document */
body {background: #f6f6f6;font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif;}
img {max-width: 100%;}


#header {background: #07305a; padding: 10px 0 15px;}
#header .logo img {width: 300px;}
.banner {background: url("images.jpg") center no-repeat; background-size: auto 100%; padding: 45px 0; color: #fff;}
.banner h1 {font-size:60px; line-height: 58px;}
.banner h3 {max-width: 550px; margin: 0 auto; background: #C9D6FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #E2E2E2, #C9D6FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #E2E2E2, #C9D6FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: #0e3679; text-align: center; padding: 10px 0; font-size: 20px;}
.banner form {max-width: 550px; margin: 0 auto; background: #f1f1f1; padding: 20px 20px 10px;}
.banner form input {margin-bottom: 5px; padding: 12px 8px;}
.banner form button.btn-lg {margin-top: 7px; width:100%; font-size: 22px; font-weight: bold; display: block; clear: both;}
.btn-red {background:#d31826; color: #fff;}
.btn-red:hover {background:#a21c26; color: #fff;}
.content {padding: 55px;}
.max-350 {max-width: 350px;}

.small-bar {background: url("small-bar.jpg") center no-repeat; background-size: auto 100%; padding: 65px; color: #fff;}
.couple-beach {background: url("couple-beach.jpg") center no-repeat; background-size: auto 100%; padding: 65px; color: #222;}

#footer {background:#eee; color:#666; padding: 25px 0; text-align: center; font-size: 14px;}
#footer img {max-width: 280px;}
#footer a {color: #07305a;}

.row>* {padding-right: calc(var(--bs-gutter-x) * .2);
padding-left: calc(var(--bs-gutter-x) * .2);}

@media screen and (max-width: 786px) {
	.banner .col-md-5>p {text-shadow: 0 0 12px rgba(0,0,0,.8);}
	.banner h1 {font-size: 40px; line-height: 38px;}
	.couple-beach {padding: 35px 20px;}
}