body {
	background-color: #030d17;
    color: #ffffff;
	font-family: 'DM Sans', 'Helvetica', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

body p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

body a {
    color: #91989e;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

::placeholder {
    color: #030d17 !important;
    opacity: 0.5;
}

/* INTRO SECTION */

.intro.section {
    padding: 25px 150px 0px 150px;
}

h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 46px;
}

h1.blue {
	color: #3399ff;
	margin-bottom: 0px;
	/*margin-bottom: 30px;*/
}

h1.white {
	color: #ffffff;
}

/*span.help {
    display: inline-flex;
}*/

a.faq {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #3399ff;
	padding: 15px;
	border-radius: 15px;
	width: auto;
	text-align: center;
	float: right;
}

a:hover.faq {
	background-color: #3399ff;
	border: 1px solid #3399ff;
	color: #ffffff;
	transition: 0.5s;
}

h1.blue-2 {
	color: #3399ff;
	margin-top: 40px;
	margin-bottom: 5px;
}

h1.grey {
	color: #5e6770;
	margin-top: 30px;
}

.scroll-down {
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
}

img.scroll-down-icon {
    margin-left: 10px;
}

/* BOOKING SECTION */

.booking.section {
    padding: 25px 150px;
}

h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 40px;
}

h2.block-title {
	color: #002a3a;
	margin-top: 35px;
}

h2.block-subtext {
	color: #ffffff;
}

.info.columns.is-mobile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: sticky;
    top: 100%;
}

.navy-block .info.columns.is-mobile {
	margin-top: 15px;
}

p.block-info {
	font-weight: 700;
}

span.icon {
	color: #ffffff;
	opacity: 0.5;
	float: right;
}

span.earn-icon {
	color: #3399ff;
	opacity: 1;
	float: right;
}

i.fas.fa-chevron-circle-right {
	font-size: 30px;
}

.blue-block {
	background-color: #3399ff;
	padding: 30px;
	border-radius: 15px;
	height: 303px;
	transition: all 1s;
}

.blue-block:hover {
	transform: scale(1.05);
	transition: all 0.5s;
}

.blue-block img {
	filter: brightness(0.5);
	width: auto;
	height: auto;
	max-height: 100px;
    float: right;
}

.blue-block p.block-info {
	color: #c2e0ff;
	font-size: 1.3em;
	line-height: 1.1em;
}

.red-block {
	background-color: #ff584d;
	padding: 30px;
	border-radius: 15px;
	height: 303px;
	transition: all 1s;
}

.red-block:hover {
	transform: scale(1.05);
	transition: all 0.5s;
}

.red-block img {
    filter: contrast(100) brightness(100);
    width: auto;
    height: auto;
	max-height: 100px;
    float: right;
}

.red-block p.block-info {
	color: #ffcdca;
	font-size: 1.3em;
	line-height: 1.1em;
}

.green-block {
	background-color: #38d430;
	padding: 30px;
	border-radius: 15px;
	height: 303px;
	transition: all 1s;
}

.green-block:hover {
	transform: scale(1.05);
	transition: all 0.5s;
}

.green-block img {
	filter: brightness(0.8);
	width: auto;
	height: auto;
	max-height: 100px;
    float: right;
}

.green-block p.block-info {
	color: #cdf3c3;
	font-size: 1.3em;
	line-height: 1.1em;
}

#form2_filename {
	padding-left: 15px;
	color: #eee;
	font-size: 16px;
}

.navy-block {
	background-color: #003a5d;
	padding: 30px;
	border-radius: 15px;
	height: 303px;
	transition: all 1s;
}

.navy-block:hover {
	transform: scale(1.05);
	transition: all 0.5s;
}

.navy-block img {
	filter: brightness(1);
	width: auto;
	height: auto;
	max-height: 100px;
    float: right;
}

.navy-block h2.block-title {
	color: #3399ff;
}

.navy-block p.block-info {
	color: #7cbeff;
	font-size: 1.3em;
	line-height: 1.1em;
}

/* BENEFITS SECTION */

.benefits.section {
    padding: 0px 150px;
}

.blue-border {
    border: 5px solid #3399ff;
    border-radius: 5px;
	padding: 50px 25px 0px 25px;
    height: 275px;
}

.blue-border img {
    width: auto;
    height: auto;
    margin-bottom: 20px;
}

h3 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

h3.alignment {
	margin-top: 10px;
}

/* LINKEDIN FEED SECTION */

.linkedin.section {
    background-color: #323e48;
    padding: 50px 150px 0px 150px;
    margin-top: 50px;
}

/* TESTIMONIALS SECTION */

.testimonials.section {
    background-color: #3399ff;
    padding: 50px 150px 0px 150px;
    margin-top: 50px;
}

/* LOCATIONS SECTION */

.locations.section {
    padding: 25px 150px 50px 150px;
}

/*.location {
	padding-bottom: 0px;
}*/

.locations img {
	width: auto;
	height: auto;
	max-height: 150px;
}

/* FAQ SECTION */

.faq.section {
    padding: 25px 150px;
}

p.question {
  	color: #ffffff;
  	font-size: 24px;
  	font-weight: 500;
  	line-height: 30px;
  	background-color: #3399ff;
  	border: none;
  	border-radius: 15px;
  	padding: 15px;
  	margin: 5px 0px;
  	outline: none;
  	width: 100%;
  	text-align: left;
  	transition: 0.5s;
}

p.question:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
	float: right;
}

p.question.active:after {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";
	float: right;
	transition: 0.5s;
}

.active, .question:hover {
    background-color: rgba(51, 153, 255, 0.7);
    color: #ffffff;
}

.accordion {
    padding: 15px;
    padding-bottom: 40px;
    display: none;
    background-color: transparent;
    overflow: hidden;
}

p.answer {
    color: #91989e;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

a.answer {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: underline;
}

a:hover.answer {
    color: #3399ff;
}

/* INTERNAL */

/*.blue-content {
	background-color: #3399ff;
	padding: 30px !important;
	margin: 15px;
    border-radius: 15px;
}

.blue-content img.tab-img {
	filter: brightness(0.5);
	width: auto;
	height: auto;
	max-height: 100px;
    float: right;
}

.navy-content {
	background-color: #003a5d;
	padding: 30px !important;
	margin: 15px;
    border-radius: 15px;
}

.navy-content img.tab-img {
	filter: brightness(1);
	width: auto;
	height: auto;
	max-height: 100px;
    float: right;
}

.tab-content p.block-info {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.tab-content p.block-detail {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}*/

/* TABS */

/*.tabs.section {
  padding: 25px 150px 0px 150px;
}

a.blue-button {
	background-color: #3399ff;
	color: #ffffff;
	padding: 15px;
	border: none;
    border-radius: 15px;
    min-height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

a:hover.blue-button {
	background-color: rgba(51, 153, 255, 0.8);
	color: #ffffff;
	transition: all 0.5s;
}

img.tab-img-1 {
  filter: brightness(0.5);
  width: auto;
  height: auto;
  max-height: 50px;
  float: left;
  margin-right: 15px;
}

a.red-button {
	background-color: #ff584d;
	color: #ffffff;
	padding: 15px;
	border: none;
    border-radius: 15px;
    min-height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

a:hover.red-button {
	background-color: rgba(255, 88, 77, 0.8);
	color: #ffffff;
	transition: all 0.5s;
}

img.tab-img-2 {
  filter: contrast(100) brightness(100);
  width: auto;
  height: auto;
  max-height: 50px;
  float: left;
  margin-right: 15px;
}

a.green-button {
	background-color: #38d430;
	color: #ffffff;
	padding: 15px;
	border: none;
    border-radius: 15px;
    min-height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

a:hover.green-button {
	background-color: rgba(56, 212, 48, 0.8);
	color: #ffffff;
	transition: all 0.5s;
}

img.tab-img-3 {
  filter: brightness(0.8);
  width: auto;
  height: auto;
  max-height: 50px;
  float: left;
  margin-right: 15px;
}

a.navy-button {
	background-color: #003a5d;
	color: #ffffff;
	padding: 15px;
	border: none;
    border-radius: 15px;
    min-height: 80px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

a:hover.navy-button {
	background-color: rgba(0, 58, 93, 0.8);
	color: #ffffff;
	transition: all 0.5s;
}

img.tab-img-4 {
  filter: brightness(1);
  width: auto;
  height: auto;
  max-height: 50px;
  float: left;
  margin-right: 15px;
}*/

/* MODAL */

/*.modal-background {
    background-color: rgba(3, 13, 23, 0.5);
}*/

.modal-close {
    background-color: #ff584d;
    width: 75px;
    height: 75px;
    max-width: 75px;
    max-height: 75px;
    position: fixed;
    right: 20px;
    top: 20px;
}

.modal-close:hover {
    background-color: #ff584d;
    transition: 0.5s;
}

.modal-content {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 15px;
    width: 50%;
    height: auto;
    padding: 25px;
}*/

h2.modal-title {
	color: #002a3a;
}

h3.modal-info {
	color: #002a3a;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 25px;
}

a.modal-go, a.modal-home {
    border-radius: 15px;
    padding: 15px;
	color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.modal-home-white {
    border-radius: 15px;
    padding: 15px;
    background-color: #ffffff;
	color: #002a3a;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#blue-button a.modal-home {
	margin-top: 10px;
	background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #002a3a;
}

#blue-button a:hover.modal-home {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
    color: #ffffff;
}

form#form1_find_long_stay a{
    color: #002a3a;
}

form#form1_find_long_stay a:hover {
    color: #ffffff;
    transition: all 0.5s;
}

#red-button a.modal-go {
	background-color: #ff584d;
    border: 1px solid #ff584d;
}

#red-button a:hover.modal-go {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
}

#red-button a.modal-home {
	margin-top: 10px;
	background-color: #3399ff;
    border: 1px solid #3399ff;
}

#red-button a:hover.modal-home {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
}

#green-button a.modal-go {
	background-color: #38d430;
    border: 1px solid #38d430;
}

#green-button a:hover.modal-go {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
}

#green-button a.modal-home {
	margin-top: 10px;
	background-color: #3399ff;
    border: 1px solid #3399ff;
}

#green-button a:hover.modal-home {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
}

#navy-button a.modal-home {
	margin-top: 10px;
	background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #002a3a;
}

#navy-button a:hover.modal-home {
	background-color: #002a3a;
    border: 1px solid #002a3a;
    transition: 0.5s;
    color: #ffffff;
}

form#form2_earn a {
    color: #3399ff;
}

form#form2_earn a:hover {
    color: #ffffff;
    transition: all 0.5s;
}

a.modal-go i.fas.fa-chevron-circle-right {
    font-size: 30px;
    margin-left: 10px;
}

a.modal-home i.fas.fa-chevron-circle-left {
    font-size: 30px;
    margin-right: 10px;
}

#blue-button {
	width: 1000px;
	max-width: 1000px;
	background-color: #3399ff;
    padding: 30px 30px 0px 30px;
    border-radius: 15px;
}

#blue-button img {
    filter: brightness(0.5);
    width: auto;
    height: 75px;
    max-height: 100px;
    float: right;
}

#blue-button img.thank-you {
    filter: brightness(1);
    width: auto;
    height: auto;
    max-height: 150px;
    float: none;
}

#blue-button.modal a.close-modal {
	position: fixed;
	top: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/blue-x.png');
}

#red-button {
	width: 1000px;
	max-width: 1000px;
	background-color: #ffffff;
    padding: 30px 30px 0px 30px;
    border-radius: 15px;
}

#red-button img {
    width: auto;
    height: 120px;
}

#red-button.modal a.close-modal {
	position: fixed;
	top: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/red-x.png');
}

#green-button {
	width: 1000px;
	max-width: 1000px;
	background-color: #ffffff;
    padding: 30px 30px 0px 30px;
    border-radius: 15px;
}

#green-button img {
    width: auto;
    height: 120px;
}

#green-button img.pp {
	height: 120px;
}

#green-button img.po {
	height: auto;
}

#green-button.modal a.close-modal {
	position: fixed;
	top: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/green-x.png');
}

#navy-button {
	width: 1000px;
	max-width: 1000px;
	background-color: #003a5d;
    padding: 30px 30px 0px 30px;
    border-radius: 15px;
}

#navy-button img {
    filter: brightness(1);
    width: auto;
    height: 75px;
    max-height: 100px;
    float: right;
}

#navy-button img.thank-you {
    filter: brightness(1);
    width: auto;
    height: auto;
    max-height: 150px;
    float: none;
}

#navy-button.modal a.close-modal {
	position: fixed;
	top: 20px;
	right: 20px;
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('/images/navy-x.png');
}

p.thank-you {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

/* CONTACT */

/*.contact.section {
	padding: 0px 50px 50px 50px;
}

.contact-details {
	background-color: #3399ff;
	padding: 15px;
	border-radius: 15px;
}

p.details {
	color: #ffffff;
}

a.details {
	color: #ffffff;
}

a:hover.details {
	color: #030d17;
}*/

/* FORMS */

.label {
    display: none;
    visibility: hidden;
}

.field.is-horizontal {
    margin-bottom: 0px;
}

.input, .textarea {
	background-color: #ffffff;
	color: #030d17;
	border: 1px solid #ffffff;
	border-radius: 15px;
	font-family: 'DM Sans', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    box-shadow: none;
}

input#form1_checkbox, input#form2_checkbox {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

textarea#form1_other, textarea#form2_details {
	height: 80px;
	min-height: 80px;
	max-height: 250px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}

.input:hover, .input:active, .input:focus {
	border-color: #ffffff;
	box-shadow: none;
}

input#form1_submit {
	background-color: #002a3a;
	color: #ffffff;
	border: 1px solid #002a3a;
	border-radius: 15px;
	width: 100%;
	font-family: 'DM Sans', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

input#form1_submit:hover {
	background-color: #030d17;
	color: #ffffff;
	border: 1px solid #030d17;
	border-radius: 15px;
	width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: 0.5s;
}

input#form2_submit {
	background-color: #3399ff;
	color: #ffffff;
	border: 1px solid #3399ff;
	border-radius: 15px;
	width: 100%;
	font-family: 'DM Sans', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.eCaptcha {
	display: none;
}

input#form2_submit:hover {
	background-color: #030d17;
	border: 1px solid #030d17;
    transition: 0.5s;
}

span.upload {
	display: inline-flex;
	align-items: center;
}

p.upload {
    color: #85c2ff;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn {
	background-color: #3399ff;
	color: #ffffff;
	border: 1px solid #3399ff;
	border-radius: 15px;
	width: 300px;
	height: 40px;
	font-family: 'DM Sans', 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 15px;
    padding: 5px;
    cursor: pointer;
}

/*.btn:hover {
	background-color: #030d17;
	border: 1px solid #030d17;
	transition: 0.5s;
}*/

.upload-btn-wrapper input[type=file] {
  	position: absolute;
  	left: 0;
  	top: 0;
  	opacity: 0;
  	width: 300px;
  	height: 40px;
    margin-left: 15px;
    cursor: pointer;
}

p.required {
  	color: #85c2ff;
  	font-size: 14px;
  	font-weight: 500;
  	line-height: 20px;
  	text-align: center;
}

/*p.thanks {
    color: #c2e0ff;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}*/

/* MEDIA QUERIES */

@media (max-width: 480px) {
	.intro.section {
    	padding: 0px 25px;
	}

	.booking.section {
    	padding: 25px;
	}

	.benefits.section {
		padding: 0px 25px;
	}

    .linkedin.section {
        padding: 25px 25px 0px 25px;
    }

    .testimonials.section {
        padding: 50px 50px 0px 50px;
    }

	.locations.section {
    	padding: 25px;
	}

	.faq.section {
		padding: 25px;
	}

	/*.tabs.section {
      	padding: 25px 25px 0px 25px;
  	}

  	.contact.section {
    	padding: 0px 25px 25px 25px;
	}*/

	h1 {
		font-size: 26px;
    	line-height: 32px;
	}

  	h2 {
  		font-size: 20px;
    	line-height: 26px;
  	}

  	h2.block-title {
  		margin-top: 0px;
  	}

  	h3 {
  		font-size: 18px;
  		line-height: 24px;
  	}

  	p.block-info {
  		font-size: 16px;
  		line-height: 22px;
  	}

	.blue-block {
		padding: 15px;
		height: 100%;
	}

	.blue-block img {
		height: auto;
	}

	#blue-button {
		width: 350px;
		padding: 30px 30px 0px 30px;
	}

	#blue-button img {
    	height: auto;
	}

	#blue-button.modal a.close-modal {
    	top: 10px;
    	right: 10px;
    	width: 25px;
    	height: 25px;
    }

	.red-block {
		padding: 15px;
		height: 100%;
	}

	.red-block img {
		height: auto;
	}

	#red-button {
		width: 350px;
		padding: 30px 30px 0px 30px;
	}

	#red-button img {
    	height: 120px;
	}

	#red-button.modal a.close-modal {
    	top: 10px;
    	right: 10px;
    	width: 25px;
    	height: 25px;
    }

	.green-block {
		padding: 15px;
		height: 100%;
	}

	.green-block img {
		height: auto;
	}

	#green-button {
		width: 350px;
		padding: 30px 30px 0px 30px;
	}

	#green-button img.pp {
    	height: 120px;
	}

	#green-button img.po {
    	height: 60px;
	}

	#green-button.modal a.close-modal {
    	top: 10px;
    	right: 10px;
    	width: 25px;
    	height: 25px;
    }

	.navy-block {
		padding: 15px;
		height: 100%;
	}

	.navy-block img {
		height: auto;
	}

	#navy-button {
		width: 350px;
		padding: 30px 30px 0px 30px;
	}

	#navy-button img {
    	height: auto;
	}

	#navy-button.modal a.close-modal {
    	top: 10px;
    	right: 10px;
    	width: 25px;
    	height: 25px;
    }

    h3.modal-info {
    	margin-bottom: 0px;
    }

    span.upload {
    	display: block;
	}

	p.upload {
		margin-bottom: 15px;
	}

	.btn {
		width: 100%;
		margin-left: 0px;
		padding: 5px 20px;
	}

	.upload-btn-wrapper input[type=file] {
		width: 100%;
	}

	.blue-border {
    	padding: 15px;
    	height: 200px;
    }

    .blue-border img {
    	height: auto;
      max-height: 60px;
    }

	.locations img {
    	height: auto;
      max-height: 55px;
	}

    p.question {
    	font-size: 16px;
    	line-height: 22px;
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }

    p.answer, a.answer {
    	font-size: 16px;
    	line-height: 22px;
    }

	/*a.blue-button {
    	font-size: 12px;
    	font-weight: 500;
    	line-height: 16px;
    	display: grid;
	}

	img.tab-img-1 {
		display: block;
		margin: 0 auto 10px;
	}

	a.red-button {
    	font-size: 12px;
    	font-weight: 500;
    	line-height: 16px;
    	display: grid;
	}

	img.tab-img-2 {
		display: block;
		margin: 0 auto 10px;
	}

	a.green-button {
    	font-size: 12px;
    	font-weight: 500;
    	line-height: 16px;
    	display: grid;
	}

	img.tab-img-3 {
		display: block;
		margin: 0 auto 10px;
	}

	a.navy-button {
    	font-size: 12px;
    	font-weight: 500;
    	line-height: 16px;
    	display: grid;
	}

	img.tab-img-4 {
		display: block;
		margin: 0 auto 10px;
	}*/
}

@media (min-width: 481px) and (max-width: 768px) {
	.intro.section {
    	padding: 0px 50px;
	}

	.booking.section {
    	padding: 25px 50px;
	}

	.benefits.section {
		padding: 0px 50px;
	}

    .linkedin.section {
        padding: 50px 50px 0px 50px;
    }

    .testimonials.section {
        padding: 50px 50px 0px 50px;
    }

	.locations.section {
    	padding: 50px;
	}

	.faq.section {
		padding: 50px;
	}

	h1.blue {
		margin-bottom: 0px;
  	}

 	h2.block-title {
    	margin-top: 0px;
	}

	.blue-block {
		padding: 30px;
		height: 100%;
	}

	#blue-button {
		width: 600px;
		padding: 30px 30px 0px 30px;
	}

	#blue-button.modal a.close-modal {
    	top: 15px;
    	right: 15px;
    	width: 30px;
    	height: 30px;
    }

	.red-block {
		padding: 30px;
		height: 100%;
	}

	#red-button {
		width: 600px;
		padding: 30px 30px 0px 30px;
	}

	#red-button.modal a.close-modal {
    	top: 15px;
    	right: 15px;
    	width: 30px;
    	height: 30px;
    }

	.green-block {
		padding: 30px;
		height: 100%;
	}

	#green-button {
		width: 600px;
		padding: 30px 30px 0px 30px;
	}

	#green-button img.pp {
    	height: 120px;
	}

	#green-button img.po {
    	height: 60px;
	}

	#green-button.modal a.close-modal {
    	top: 15px;
    	right: 15px;
    	width: 30px;
    	height: 30px;
    }

	.navy-block {
		padding: 30px;
		height: 100%;
	}

	#navy-button {
		width: 600px;
		padding: 30px 30px 0px 30px;
	}

	#navy-button.modal a.close-modal {
    	top: 15px;
    	right: 15px;
    	width: 30px;
    	height: 30px;
    }

    h3.modal-info {
    	margin-bottom: 0px;
    }

	.locations img {
    	height: auto;
    	max-height: 120px;
	}

	.btn {
		width: 205px;
		margin-left: 20px;
	}

	.upload-btn-wrapper input[type=file] {
		width: 205px;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	h2.block-title {
		margin-top: 0px;
	}

	h1 {
    	font-size: 34px;
    	font-weight: 700;
    	line-height: 40px;
	}

	h1.blue-2 {
		margin-bottom: 0px;
	}

	h2 {
    	font-size: 30px;
    	line-height: 34px;
	}

	.blue-block {
		height: 100%;
		min-height: 394px;
		max-height: 486px;
	}

	.blue-block img {
		height: auto;
	}

	.red-block {
		height: 100%;
		min-height: 394px;
		max-height: 486px;
	}

	.red-block img {
		height: auto;
	}

	.green-block {
		height: 100%;
		min-height: 394px;
		max-height: 486px;
	}

	.green-block img {
		height: auto;
	}

	.navy-block {
		height: 100%;
		min-height: 394px;
		max-height: 486px;
	}

	.navy-block img {
		height: auto;
	}

	#blue-button {
		width: 875px;
		padding: 30px 30px 0px 30px;
	}

	#red-button {
		width: 875px;
		padding: 30px 30px 0px 30px;
	}

	#green-button {
		width: 875px;
		padding: 30px 30px 0px 30px;
	}

	#green-button img.pp {
		height: 120px;
	}

	#green-button img.po {
		height: auto;
	}

	#navy-button {
		width: 875px;
		padding: 30px 30px 0px 30px;
	}

	h3 {
		font-size: 18px;
    	line-height: 24px;
	}

	.blue-border {
    	padding: 15px;
    	height: 100%;
    	min-height: 192px;
	}

	.blue-border img {
    	width: auto;
    	height: auto;
    	max-height: 65px;
    	margin-bottom: 10px;
	}

	.locations img {
    	width: auto;
    	height: 100px;
	}

	a.blue-button {
    	font-size: 14px;
    	font-weight: 500;
    	line-height: 18px;
	}

	a.red-button {
    	font-size: 14px;
    	font-weight: 500;
    	line-height: 18px;
	}

	a.green-button {
    	font-size: 14px;
    	font-weight: 500;
    	line-height: 18px;
	}

	a.navy-button {
    	font-size: 14px;
    	font-weight: 500;
    	line-height: 18px;
	}
}

@media (min-width: 1025px) and (max-width: 1440px) {
	.blue-block {
		height: 100%;
		min-height: 327px;
		max-height: 407px;
	}

	.blue-block img {
		height: auto;
	}

	.red-block {
		height: 100%;
		min-height: 327px;
		max-height: 407px;
	}

	.red-block img {
		height: auto;
	}

	.green-block {
		height: 100%;
		min-height: 327px;
		max-height: 407px;
	}

	.green-block img {
		height: auto;
	}

	.navy-block {
		height: 100%;
		min-height: 327px;
		max-height: 407px;
	}

	.navy-block img {
		height: auto;
	}
}

@media (min-width: 1441px) {
	.blue-block {
		height: 100%;
		min-height: 310px;
	}

	.blue-block img {
		height: auto;
	}

	.red-block {
		height: 100%;
		min-height: 310px;
	}

	.red-block img {
		height: auto;
	}

	.green-block {
		height: 100%;
		min-height: 310px;
	}

	.green-block img {
		height: auto;
	}

	.navy-block {
		height: 100%;
		min-height: 310px;
	}

	.navy-block img {
		height: auto;
	}
}

.blue-block p.block-info {
	max-width: 265px;
}

.blue-block .mNoPadding {
	padding-right: 0;
}

.red-block .mNoPadding {
	padding-right: 0;
}

.green-block .mNoPadding {
	padding-right: 0;
}

.navy-block .mNoPadding {
	padding-right: 0;
}

@media (max-width: 1214px) {
	h2.block-subtext {
		font-size: 1.6em;
		line-height: 1.2em;
	}

	.blue-block p.block-info {
		font-size: 1.2em;
	}

	.red-block p.block-info {
		font-size: 1.2em;
	}

	.green-block p.block-info {
		font-size: 1.2em;
	}

	.navy-block p.block-info {
		font-size: 1.2em;
	}
}

@media (max-width: 1024px) {
	h2.block-subtext {
		font-size: 1.5em;
	}
}

@media (max-width: 768px) {
	h2.block-subtext {
		font-size: 1.4em;
		line-height: 1.2em;
	}

	.blue-block p.block-info {
		font-size: 1em;
	}

	.red-block p.block-info {
		font-size: 1em;
	}

	.green-block p.block-info {
		font-size: 1em;
	}

	.navy-block p.block-info {
		font-size: 1em;
	}
}