@media ( min-width: 576px ) {


	.screen-height {
		min-height: 90vh;
		min-height: calc(100vh - 81px);

	}
	.admin-bar .screen-height {
		min-height: 87vh;
		min-height: calc(100vh - 113px);

	}
}

@media ( min-width: 768px ) {

	#intro-section h1 {
	font-size:2.75em;
	}

	h2 {
        font-size: 1.75em;
    }

	.admin-bar #site-header {
		top:32px;
	}

	#footer-cta p {
		font-size: 1.125em;
	}
}

@media ( min-width: 992px ) {


}

@media ( min-width: 1000px ) {
	.header-inner {
		padding: 0 !important;
	}
}

@media ( min-width: 1200px ) {
	#intro-section h1 {
		font-size:3.3333em;
	}

	h2 {
        font-size: 2.2222em;
	}

	#footer-cta p {
		font-size: 1.375em;
	}

	ul.primary-menu > li a {
        font-size: 0.875em;
	}

}

@media ( min-width: 1000px ){
	.header-inner {
		padding: 0 !important;
	}
	.hero-text-box .buttons .button {
        font-size: 1em;
	}
}

@media ( min-width: 1280px ){

	.hero-background > picture {
        position:relative;
        min-height: 650px;
	}

	.hero-background > picture > img {
        min-height: 650px;
        object-fit: cover;
	}

	.hero-foreground {
		width: 70%;
		bottom:0px;
	}
}

@media ( min-width: 1400px ) {

	ul.primary-menu > li a {
        font-size: 1em;
	}

}

@media ( max-width: 1280px ) {

	.hero-text-box {
		width: 50%;
	}
}

@media ( max-width: 992px ) {
	.hero-content .container {
		width: 80%;
	}

	.hero-text-box {
		width: 55%;
	}
}



@media ( max-width: 767px ) {
	.footer-widgets-outer-wrapper .widget_nav_menu {
        display:none;
	}

	.hero-background {
		min-height:400px;
	}

	.hero-content {
        position:relative;
        top:unset;
        height:auto;
    }

	.hero-background > picture > img {
		margin-bottom: 0px;
	}

	.hero-content .container {
		width:100%;
		max-width: unset;
	   padding: 0;
	   margin: 0;
	}

	.hero-text-box {
		width: 100%;
		background: rgba(10,12,13,1);
		position:relative;
		transform:translate(0);
	}

	.hero-text-box .button {
		padding:10px;
	}

	#hero-section .slick-arrow {
		top:25vw;
		width: 30px;
		height: 30px;
	}

	#hero-section .slick-prev {
        left: 15px;
	}

	#hero-section .slick-next {
		right: 15px;
	}

	.slick-prev:before, .slick-next:before {
		display:block;
		width:20px;
	}

	.hero-foreground {
        top: -45vw;
        left:50%;
        bottom: unset;
        transform: translateX(-50%);
        height: 50vw;
 }

	.hero-foreground img {
		height:100%;
		width: auto;
		margin: 0 auto;
	}

}