#main_graphic_cont {
    overflow: hidden;
    max-height: 29vw;
	z-index: 1;
}
    .groo-hero-title-graphic {
        width: 100%;
		height: auto;
    }

picture#groo_main_logo {
    position: absolute;
    display: inline-block;
    width: 20%;
    height: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(80%);
    z-index: 2;
    opacity: 0;
}
	picture#groo_main_logo img {
		width: 100%;
	}
	.hero-section .section-inner > img#groo_main_logo_img {
		position: absolute;
		display: inline-block;
		width: 25%;
		height: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%) translateY(50%);
		z-index: 2;
	}

#main section:nth-of-type(2) {
    padding: calc(((20vw - 15px) * .5704057 *.8) + 1em) 0 4em;
    background-image: none;
    background-color: #FFF;
}

.hp-nav-section {
	text-align: center;
	padding: 4.5em 0;
}
	.hp-nav-section .section-inner {
		margin: 0 5.625%;
	}
	.hp-nav-items-cont {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
		.nav-item {
			width: 28%;
			position: relative;
			padding-bottom: 61px;
		}
			.nav-item-img-link {
				text-decoration: none;
				display: block;
				width: 100%;
				position: relative;
				border-radius: 50%;
				overflow: hidden;
				margin: 0 0 2em;
			}
			    .nav-item-img-link::after {
			    	content: "";
					display: block;
					padding-bottom: 100%;
			    }
				.nav-item-img {
					position: absolute; /* Take your picture out of the flow */
					top: 0;
					bottom: 0;
					left: 0;
					right: 0; /* Make the picture taking the size of it's parent */
					width: 100%; /* This if for the object-fit */
					height: 100%; /* This if for the object-fit */
					object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
					object-position: center;
				}
			a.nav-item-btn {
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				min-width: 71%;
				box-sizing: border-box;
			}


.connect-section {
	background-color: #000;
	color: #FFF;
	text-align: center;
}
	.connect-section .section-inner {
		padding: 3.875em 0;
		max-width: 1440px;
		margin: 0 auto;
	}
		.connect-section h3, 
		.connect-section-subtitle, 
		.connect-body-text {
			max-width: 868px;
			margin: 0 auto;
		}
		.connect-section h3 {
			color: var(--groo-beige);
			margin: 0 auto .75em;
			width: 80%;
		}
		.connect-section a {
			color: #FFF;
		}
		.connect-section a.btn.groo-newsletter-btn {
			color: #000;
			margin: 2em 5% 0;
		}

.hp-news-section {
	text-align: center;
	padding: 3.125em 0 3.4375em;
}
	.hp-news-section h2 {
		margin: 0 10%;
	}
	.section-subtitle.news-section-subtitle {
		margin: 0 26% 1em;
	}
	.section-body-text.news-body-text {
		margin: 0 20.1389%;
	}
	.news-posts-cont {
		margin: 2.5em 7.99% 3.4375em;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
		.hp-post-item {
			width: 28.6%;
			border: 3px solid #707070;
			box-sizing: border-box;
			padding: 1em 0.9375em;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			text-align: left;
		}
			a.lindero_article_img_link {
				display: block;
				position: relative;
				margin: 0 0 .5em;
			}
				.thumbnail_cont {
					width: 100%;
					overflow: hidden;
				}
					.thumbnail_cont img {
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
						z-index: 1;
						transition: all 300ms;
					}
						.thumbnail_cont::after {
							content: "";
							display: block;
							padding-bottom: 84%;
							background-color: #000;
							z-index: 2;
						}
			.hp-news-item-cont {
				padding: 1.0625em;
				flex: 1 0 auto;
			}
			    .hp-news-item-title-link {
					color: inherit;
					text-decoration: none;
					transition: all 300ms;
				}
					.hp-post-item:hover .hp-news-item-title-link {
						text-decoration: underline;
					}
					h4.hp-news-item-title {
						font-family: var(--groo-font-albertus);
						font-size: 1.125em;
						line-height: 1.27778em;
						margin-bottom: .25em;
					}
				.news-post-subtitle {
					font-family: 'Nunito';
					margin: .25em 0 0;
					line-height: 1.1em;
				}
				.hp-post-item-excerpt {
					margin: 1em 0 2rem;
					text-align: left;
					font-size: .75em;
					line-height: 1rem;
				}
				.hp-read-more {
					margin: 0;
					position: absolute;
					bottom: .5rem;
					right: 1.0625rem;
					font-family: var(--groo-font-ocr-b);
					text-transform: uppercase;
				}
					a.groo-read-more-link {
						color: #000;
					}
					.read-more-arrow {
						margin-left: .35em;
						font-family: sans-serif;
						font-size: 1.5em;
						display: inline-block;
						position: relative;
						transform: translateY(.15em);
					}
				.hp-post-item:hover .thumbnail_cont img {
					opacity: .5;
				}
				.hp-post-item:hover .hp-news-item-cont {
					transition: all 300ms;
					background-color: #000;
					color: #FFF;
				}
					.hp-post-item:hover .hp-news-item-cont a {
						color: #FFF;
					}

/***************************
NEWSLETTER POP-UP
***************************/
#dnb-popup {
	background-color: #A60816;
	padding: 1.8em;
	box-sizing: border-box;
	width: 391px;
	min-width: 386px;
}
	#dnb-popup-close-link {
		color: #FFF;
	}
		#dnb-popup-close-link:hover {
			color: var(--groo-beige);
		}
	#contact-form-hdr-txt {
		margin: 0 0 1em;
		line-height: 1.25em;
		color: #FFF;
	}
	#mc_embed_signup {
		background-color: #000;
		color: #FFF;
		padding: 1em;
	}
		#mc_embed_signup h2 {
			text-align: center;
			margin-bottom: .25em;
		}
		#mc_embed_signup .indicates-required {
			font-size: .85em;
			text-align: center;
			margin-bottom: .5em;
		}
		#mc_embed_signup_scroll {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
		}
			#mc_embed_signup .mc-field-group {
				display: flex;
				justify-content: space-between;
				align-items: baseline;
				width: 100%;
				margin: 0 auto .5em;
			}
				#mc_embed_signup .mc-field-group label {
					width: 9em;
				}
				#mc_embed_signup .mc-field-group input {
					flex-grow: 2;
				}
			#mc_embed_signup .submit-cont {
				text-align: center;
				margin: 1em 0 0;
			}
				#mc-embedded-subscribe {
					border: none;
					transition: all 150ms ease-in-out;
					cursor: pointer;
				}
				#mc-embedded-subscribe-form.submitted #mc_embed_signup_scroll > * {
					display: none;
				}
					#mc-embedded-subscribe-form.submitted #mc_embed_signup_scroll #mce-responses {
						display: block;
					}
			#mce-responses {
				color: var(--groo-beige);
			}
				#mce-responses > * {
					opacity: 0;
					transition: all 1000ms ease-out;
				}

/*********************************
RESPONSIVE STYLES
*********************************/
@media all and (min-width: 1455px) {
	.hp-nav-section .section-inner {
		width: 1278px;
		margin: 0 auto;
	}

	.hp-news-section h2 {
		width: 1152px;
		margin: 0 auto;
	}
	.section-subtitle.news-section-subtitle {
		width: 691px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-body-text.news-body-text {
		width: 860px;
		margin: 0 auto;
	}
	.news-posts-cont {
		width: 1210px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 1215px) {
	.news-posts-cont {
		margin: 2.5em 5% 3.4375em;
	}
		.hp-post-item {
			width: 31%;
		}
}

@media all and (max-width: 1023px) {
	picture#groo_main_logo {
		width: 25%;
	}
	#main section:nth-of-type(2) {
		padding-bottom: 3.5em;
		padding-top: calc(((25vw - 15px) * .5704057 *.5) + 1em);
	}
		#main section:nth-of-type(2) h1 {
			margin-top: 0;
		}
	.hp-nav-section {
		padding: 3.25em 0;
	}
	.connect-section .section-inner {
		padding: 3.5em 0;
	}
		.connect-body-text {
			width: 75%;
			max-width: unset;
		}
	.news-posts-cont {
		margin: 2.25em 3% 3em;
	}
		.hp-news-item-cont {
			padding: 1em;
		}
}

@media all and (max-width: 768px) {
	#main section:nth-of-type(2) {
		padding-bottom: 2.75em;
	}
	.hp-nav-section {
		padding: 3em 0;
	}
		.nav-item {
			padding-bottom: 51px;
		}
		.nav-item-img-link {
			margin-bottom: 1em;
		}
		a.nav-item-btn {
			padding: 1em 1.5em;
		}
	.connect-section .section-inner {
		padding: 3em 0;
	}
		.connect-section h3 {
			margin: 0 auto .5em;
			width: 90%;
		}
		.social-cont.connect-social-cont {
			margin: 1.5em auto 2em;
		}
	.hp-news-section {
		padding: 2.5em 0 2.5em;
	}
		.section-subtitle.news-section-subtitle {
			margin: 0 auto 1em;
			width: 80%;
		}
		.section-body-text.news-body-text {
			margin: 0 auto;
			width: 80%;
		}
		.news-posts-cont {
			flex-direction: column;
			align-items: center;
			width: 50%;
			margin: 2em auto;
		}
			.hp-post-item {
				width: 100%;
				margin: 0 0 2em;
				padding: .75em;
			}
				.hp-post-item:last-child {
					margin-bottom: 0;
				}
				.hp-news-item-cont {
					padding: .75em;
				}
					.hp-read-more {
						bottom: .25em;
						right: .5em;
					}
}

@media all and (min-width: 700px) {
	a.btn.nav-item-btn:hover {
		transform: translateX(-50%) translateY(-3px);
	}
}

@media all and (max-width: 699px) {
	picture#groo_main_logo {
		width: 30%;
	}
	#main section:nth-of-type(2) {
		padding-top: calc(((30vw - 15px) * .5704057 *.5) + 1em);
	}
	.hp-nav-items-cont {
		flex-direction: column;
		align-items: center;
		margin-top: 2em;
	}
		.nav-item {
			width: 50%;
			margin: 0 0 3.5em;
			padding: 0;
		}
			.nav-item:last-child {
				margin-bottom: 0;
			}
			a.nav-item-btn {
				position: relative;
				left: unset;
				bottom: unset;
				transform: unset;
			}
}

@media all and (max-width: 599px) {
	.connect-section .section-inner {
		padding: 2.5em 0;
	}
		.connect-body-text {
			width: 85%;
		}
	.news-posts-cont {
		width: 75%;
	}
}

@media all and (max-width: 499px) {
	picture#groo_main_logo {
		width: 40%;
		transform: translateX(-50%) translateY(70%);
	}
	#main section:nth-of-type(2) {
		padding-bottom: 2em;
		padding-top: calc(((40vw - 15px) * .5704057 *.7) + .75em);
	}
		#main section:nth-of-type(2) h1 {
			margin-bottom: .25em;
		}
		.hp-nav-section {
			padding-bottom: 4em;
		}
	.connect-section h3 {
		font-size: 2em;
	}
	.social-cont.connect-social-cont {
		margin: 1em auto 1.5em;
	}
}

@media all and (max-width: 425px) {
	#dnb-popup {
		padding: 1.25em;
		width: 98%;
		max-width: unset !important;
		min-width: unset;
	}
		#mc_embed_signup {
			padding: .5em;
		}
		#mc-embedded-subscribe {
			padding: .5em 1em .25em;
			font-size: 1em;
		}
}

@media all and (max-width: 399px) {
	picture#groo_main_logo {
		width: 50%;
	}
	#main section:nth-of-type(2) {
		padding-top: calc(((50vw - 15px) * .5704057 *.7) + .75em);
	}
	.nav-item {
		width: 75%;
	}
	.connect-section .section-inner {
		padding: 2em 0;
	}
	.social-cont.connect-social-cont {
		margin: 1em auto 1.5em;
	}
	.news-posts-cont {
		width: 90%;
	}
		
	#contact-form-hdr-txt {
		font-size: .875em;
	}
	#mc_embed_signup .mc-field-group,
	#mc_embed_signup .mc-field-group input {
		font-size: .75em;
	}
}

@media all and (max-width: 315px) {
	#main section:nth-of-type(2) {
		padding-bottom: 1.75em;
	}
	.nav-item {
		width: 100%;
	}
	.connect-section h3 {
		font-size: 1.75em;
	}
}

@media all and (max-height: 415px) {
	#dnb-popup {
		max-height: 98% !important;
		padding: .5em;
	}
	#dnb-popup-close-cont {
		padding-bottom: .25em !important;
	}
	#contact-form-hdr-txt {
		font-size: .875em;
		margin: 0 0 .5em;
	}
	#mc-embedded-subscribe {
		padding: .5em 1em .25em;
		font-size: 1em;
	}
}

@media all and (max-height: 320px) {
	#dnb-popup {
		max-height: 100% !important;
		padding: .5em;
	}
		#mc_embed_signup .mc-field-group,
		#mc_embed_signup .mc-field-group input {
			font-size: .75em;
		}
}

@media all and (max-height: 299px) {
	#mc_embed_signup h2 {
		font-size: 2em;
		margin: 0;
	}
	#mc_embed_signup .submit-cont {
		margin-top: .5em;
	}
}