@charset "utf-8";
/* CSS Document */


/* Color variables - apply the color by using the variable css tag = var(--col_ref);*/
:root {
/* BRAND PRIMARY SET */
--BRAND_primary: #285F2E;

--BRAND_primary150: #02784E;
--BRAND_primary75: #8BB280;
--BRAND_primary50: #D6DDD3;
--BRAND_primary25: #E7EDE5;

/* BRAND SECONDARY SET */
--BRAND_secondary: #B9924B;

--BRAND_secondary150: #61562C;
--BRAND_secondary50: #E7CD78;

--BRAND_inverse: #FFFFFF;

/* SYSTEM COLOR SET */
--SYSTEM_inactive: #8E8E93;
--SYSTEM_inactive_light: #C7C7CC;
--SYSTEM_active: #007BFF;
--SYSTEM_success: #2C7D25; 
--SYSTEM_warning: #DF6B00; 
--SYSTEM_error: #ED0000;
}


/* GENERAL STYLES */
* {
	box-sizing: border-box;
    padding: 0 auto;
    margin: auto;
}

body, html {
	background-color: #FFFFFF;
	font-family: 'Poppins', sans-serif;
    height: 100%;
}


/* HEADER STYLES */
h1 {
	font-size: 72px;
}

h1b {
    font-size: 72px;
    font-weight: 600;
	margin: 0px 0px 8px 0px;
}
	@media screen and (max-width: 1440px) {
		h1b {
			font-size: 56px;
		}
	}
	/*
	@media screen and (min-width: 992px) and (max-width: 1024px) {
		h1b {
			font-size: 56px;
		}
	}
	*/
	@media screen and (max-width: 992px) {
		h1b {
			font-size: 48px;
		}
	}
	@media screen and (max-width: 736px) {
		h1b {
			font-size: 46px;
		}
	}

h2 {
	font-size: 48px;
	font-weight: 500;
}

h2b {
	font-size: 48px;
	font-weight: 700;
}

h3 {
	font-size: 40px;
	font-weight: 500;	
}

h3b {
	font-size: 40px;
	font-weight: 700;
}
	@media screen and (min-width: 1920px) {
		h3b {
			font-size: 48px;
		}
	}

h4 {
	font-size: 32px;
	font-weight: 500;	
}

h4b {
	font-size: 32px;
	font-weight: 700;	
}

h5 {
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
	@media screen and (min-width: 1920px) {
		h5 {
			
		}
	}

h5b {
	font-size: 32px;
	font-weight: 600;	
}

h6 {
	font-size: 22px;
	font-weight: 500;	
}

h6b {
	font-weight: 600;
}

p {
	
}


/* BODY TEXT */
.bodyText {
	font-size: 18px;
	font-weight: 400;
}

.bodyText_bold {
	font-size: 18px;
	font-weight: 600;
}

.bodyText_small {
    font-size: 14px;
    font-weight: 400;
}

.bodyText_smallbold {
	font-size: 14px;
	font-weight: 600;
}

.bodyText_extraSmall {
    font-size: 12px;
    font-weight: 400;
}

.bodyText_extraSmallbold {
	font-size: 12px;
	font-weight: 600;
}


/* BUTTON STYLES */
.blcok_button {
    display: block;
    height: auto;
    padding: 24px 0px 36px 0px;
    width: auto;
}
	@media screen and (min-width: 1920px) {
	.blcok_button {
    	padding: 32px 0px 52px 0px;
		}
	}

.buttonLabel {
	font-size: 18px;
	font-weight: 500;	
}

a.button {
    background-color: #285F2E;
    border: solid 1px #285F2E;
    border-radius: 30px;
    /* color: #BFFFA4; */
	color: #FFF;
    display: inline-block;
    font-size: 16px;
	letter-spacing: 0.6px;
    line-height: 20px;
    margin-top: 0px;
    padding: 16px 26px;
    text-decoration: none;
}

a.button:hover {
    background-color: #FFFFFF;
    border: solid 1px #285F2E;
	color: #285F2E;
	/* box-shadow: none; */
	text-decoration: none;
	-moz-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}


/* FOOTER TEXT */
.FooterLinkLabel {
	font-size: 18px;
	font-weight: 400;
}

.FooterLinkLabel_secondary {
	font-size: 14px;
	font-weight: 400;
}


/* HERO STYLES */

/* HERO IMAGES */
.hero-image {
    background-image: url(../_images/desktop_large.jpg);
    height: 840px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
}
	@media screen and (max-width: 1920px) {
	.hero-image {
		background-image: url(../_images/desktop_standard.jpg);
		background-size: cover;
		height: 80%;
		}
	}
	@media screen and (max-width: 1440px) {
	.hero-image {
		background-image: url(../_images/desktop_standard.jpg);
    	height: 60%;
		}
	}
	@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.hero-image {
		background-image: url(../_images/iPad_landscape.jpg);
		height: 72%;
		}
	}
	@media screen and (min-width: 992px) and (max-width: 1024px) {
	.hero-image {
		background-image: url(../_images/iPad_portrait.jpg);
		background-size: cover;
		}
	}
	@media screen and (max-width: 992px) {
	.hero-image {
		background-image: url(../_images/hero_mobile.png);
		background-size: cover;
   		height: 74%;
		}
	}

/* HERO TEXT STYLES */
.hero-text {
	text-align: center;
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}
	@media screen and (min-width: 1920px) {
	.hero-text {
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 56%;
		}
	}
	@media screen and (max-width: 1920px) {
	.hero-text {
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 64%;
		}
	}
	@media screen and (max-width: 1440px) {
	.hero-text {
		margin: 0 auto;
		width: 76%;
		}
	}
	@media screen and (max-width: 992px) {
	.hero-text {
		margin: 0 auto;
		top: 44%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		}
	}
/* HERO LOGO */
.hero-text .logo {
	padding-bottom: 8px;
}


/* MAIN CONTENT STYLES */
.main-content {
    align-content: center; /* #E7EDE5 */
    padding-bottom: 88px;
    padding-top: 64px;
    margin-top: 48px;
    height: auto;
    width: 100%;
}
	@media screen and (max-width: 992px) {
	.main-content {
		margin-top: 0px;
		}
	}

.content {
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 70%;
}
	@media screen and (max-width: 992px) {
	.content {
		width: 86%;
		}
	}


/* CONTACT-BLOCK STYLES */
.contact-block {
    background-image: url(../_images/bg_logoscenario.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    align-content: center;
    display: block;
    height: auto;
    padding: 88px 0px 64px 0px;
    width: 100%;
}
	@media screen and (min-width: 1920px) {
	.contact-block {
    	height: 660px;
		}
	}
	@media screen and (max-width: 992px) {
	.contact-block {
		background-image: none;
    	height: 300px;
		padding: 44px 0px 32px 0px;
		width: 100%;
		}
	}

.contact-block-content {
	display: block;
    height: auto;
	margin: 0 auto;
	text-align: center;
    width: 60%;	
}
	@media screen and (max-width: 992px) {
	.contact-block-content {
		margin: 0 auto;
		width: 84%;
		}
	}

.contact-block-content h1b {
	font-weight: 700;	
}


/* FOOTER STYLES */
.footer {
    align-content: center;
    background-size: cover;
	/* background-color: var(--BRAND_secondary50); */
	/* border: solid 1px var(--BRAND_secondary); */
    height: 140px;
	padding: 32px 0px 24px 0px;
    width: 100%;
}
	@media screen and (min-width: 1920px) {
	.footer {
    	height: 200px;
		}
	}
	@media screen and (max-width: 992px) {
	.footer {
		background-size: contain;
		height: auto;
		padding-bottom: 0;
		}
	}

.footer-content {
	display: block;
    height: 100px;
	margin: 0 auto;
    width: 80%;	
}
	@media screen and (max-width: 992px) {
	.footer-content {
		height: 60px;
		}
	}

.footer-content p {
    text-align: center;
    margin-bottom: 8px;
}


/* COLORS */
.color_primary {
	color: var(--BRAND_primary);
}
.color_primary75 {
	color: var(--BRAND_primary75);
}
.color_primary50 {
	color: var(--BRAND_primary50);
}

.color_secondary {
	color: var(--BRAND_secondary);
}


/* SPACERS */
.spacer8 {
	display: block;
	height: 8px;
	width: 100%;
}

.spacer16 {
	display: block;
	height: 16px;
	width: 100%;
}

.spacer24 {
	display: block;
	height: 24px;
	width: 100%;
}

.spacer32 {
	display: block;
	height: 32px;
	width: 100%;
}