*::before, *::after {box-sizing: border-box;}
:focus {outline: 0 !important; box-shadow: none !important;}

#wrap {
	font-family: 'Montserrat', sans-serif; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin: 0; color: #000; font-size: 1em; line-height: 1.5; text-align: left; font-weight: normal;
}

img {vertical-align: middle; border-style: none;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5em; line-height: 1.2; font-weight: 500;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom: 0;}
p {margin-top: 0; margin-bottom: 1em;}
p:last-child {margin-bottom: 0;}

a {text-decoration: underline; color: #000;}
a:hover {color: #000;}

h1, .h1 {font-size: 3rem; font-weight: 900;}
p, .p {font-size: 1.5rem; font-weight: 600;}

.btn {text-transform: uppercase; font-size: 1.25em; line-height: 1; font-weight: bold; color: #000000; border-radius: 30px; padding: 0.7em 1.5em 0.6em; text-decoration: none; display: inline-block; text-align: center; vertical-align: middle; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.bg-blue {background: #2D3967;}
.bg-white {background: #ffffff;}

.bg-blue, .bg-white {height: 50vh; min-height: 400px;}

.bg-blue h1, .bg-blue p {color: #ffffff;}
.bg-white h1, .bg-white p {color: #2D3967;}

.bg-blue .btn {background: rgba(255, 255, 255, .2); color: #ffffff; border: 1px solid transparent;}
.bg-blue .btn:hover {background: #ffffff; color: #2D3967; border: 1px solid transparent;}
.bg-white .btn {background: rgba(45, 57, 103, .2); color: #2D3967; border: 1px solid transparent;}
.bg-white .btn:hover {background: #2D3967; color: #ffffff; border: 1px solid transparent;}

@media (max-width: 575px) {
	h1, .h1 {font-size: 1.65rem;}
	p, .p {font-size: 1rem;}
	.bg-blue, .bg-white {min-height: 300px;}
	.btn {font-size: 1em;}
}
@media (min-width: 576px) and (max-width: 767px) {
	h1, .h1 {font-size: 2rem;}
	p, .p {font-size: 1.2rem;}
	.bg-blue, .bg-white {min-height: 350px;}
	.btn {font-size: 1.1em;}
}
@media (min-width: 768px) and (max-width: 991px) {
	h1, .h1 {font-size: 2.5rem;}
	p, .p {font-size: 1.3rem;}
	.bg-blue, .bg-white {min-height: 370px;}
	.btn {font-size: 1.15em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	h1, .h1 {font-size: 2.75rem;}
	p, .p {font-size: 1.4rem;}
	.btn {font-size: 1.2em;}
}