/* ======== RESPONSIVE CSS ========= */
/*
@media (max-aspect-ratio: 16/9) {
    #myVideo { 
        width:auto;
        height: 100%;
    }
}

@media (min-aspect-ratio: 16/9) {
    #myVideo {
        width:100%;
        height: auto;
    }
}


/* ===================================================
		MIN WIDTH 
=================================================== */
/* ------------------------------ 
	1600px EXTRA LARGE
------------------------------ */
@media (min-width: 1600px) {

}




/* ------------------------------ 
	1441px LARGE
------------------------------ */
@media (min-width: 1441px) {
	.hero{
		background-position: center;
	}
}




/* ------------------------------ 
	992px MEDIUM
------------------------------ */
@media (min-width: 992px) {

}




/* ------------------------------ 
	768px SMALL
------------------------------ */
@media (min-width: 768px) {
	.hide-mobile {
        display: block;
    }

    .show-mobile {
        display: none;
	}
}




@media (min-width: 576px) {
	
}




/* ===================================================
		MIN - MAX WIDTH 
=================================================== */
/* ------------------------------ 
	992px - 1199px LARGE
------------------------------ */
@media (min-width: 992px) and (max-width: 1199px) {
	
}




/* ------------------------------ 
	768px - 991px MEDIUM
------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {
	
}




/* ------------------------------ 
	414px - 767px SMALL iPhone 6/7/8 Plus
------------------------------ */
@media (min-width: 414px) and (max-width: 767px) {
	body {
		font-size: 14px;
	}
	
	
}




/* ------------------------------ 
	375px - 413px X-SMALL iPhone 6/7/8
------------------------------ */
@media (min-width: 375px) and (max-width: 413px) {
	body {
		font-size: 12px;
	}
	
	h1, .h1 {
		font-size: 3em;
	    line-height: 50px;
	}
	
	h2, .h2 {
	    font-size: 2.25em;
	    line-height: 45px;
	}
	
	h3, .h3 {
	    font-size: 1.7em;
	}
	
	p, .p {
		font-size: 1.3em;
	    line-height: 35px;
	}
}




/* ------------------------------ 
	280px - 374px XX-SMALL iPhone 5
------------------------------ */
@media (min-width: 280px) and (max-width: 374px) {
	body {
		font-size: 12px;
	}
	
	h1, .h1 {
		font-size: 3em;
	    line-height: 50px;
	}
	
	h2, .h2 {
	    font-size: 2.25em;
	    line-height: 45px;
	}
	
	h3, .h3 {
	    font-size: 1.7em;
	}
	
	p, .p {
		font-size: 1.3em;
	    line-height: 35px;
	}

}




/* ===================================================
		MAX WIDTH 
=================================================== */
/* ------------------------------ 
	1599px EXTRA LARGE
------------------------------ */
@media (max-width: 1599px) {

}




/* ------------------------------ 
	1440px EXTRA LARGE
------------------------------ */
@media (max-width: 1440px) {
	
}




/* ------------------------------ 
	1280px EXTRA LARGE
------------------------------ */
@media (max-width: 1281px) {
	#myVideo { 
        width:auto;
        height: 100%;
    }
}





/* ------------------------------ 
	1199px LARGE
------------------------------ */
@media (max-width: 1199px) {
	.main-menu-item a,
	.desktop-navigation .main-menu-item span {
		padding: 0 15px;
	}

	nav .social-links{
		margin: 0 0 0 30px;
	}
}

/* ------------------------------ 
	1024px MEDIUM
------------------------------ */
@media (max-width: 1024px) {
	/* Hero Text*/
	.stroke-text{
		font-size: 5.63em;
		transform: translate(50%, 75%);
	}


	#home .hero .hero-content svg {
		height: 110px;
	}

	#home .hero .hero-content span:last-of-type {
		margin-top: 0;
	}

	/* Home Hero */
	#home .hero .hero-content {
		padding: 125px 20px 175px;
	}
}


@media (max-width: 1080px) {
	
}

/* ------------------------------ 
	991px MEDIUM
------------------------------ */
@media (max-width: 991px) {
	/* Header */
	header{
		height: auto;
	}

	/* Nav */
	nav .social-links{
		width: 100%;
		margin: 0;
	}
	
}




/* ------------------------------ 
	768px - SMALL
------------------------------ */
@media (max-width: 768px) {
	#masthead .brand-logo img {
		max-width: 225px;
	}

	.main-menu-item a, .desktop-navigation .main-menu-item span {
		padding-right: 10px;
	}

	.main-menu-item:first-of-type a, .main-menu-item:first-of-type span {
		padding-left: 0;
	}
	
}




/* ------------------------------ 
	767px - SMALL
------------------------------ */
@media (max-width: 767px) {

	.container{
		max-width: 700px;
	}

	/* Home */
	#home .hero h1{
		width: 100%;
	}

	.cards a{
		width: 100%;
	}

	.cards a span {
		font-size: 3.13em;

	}


	/* Form */
	.form-container {
		padding: 0 50px 20px;
	}


	
}




/* ------------------------------ 
	640px - EXTRA SMALL
------------------------------ */
@media (max-width: 640px) {
	.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 7px !important;
	}

	.gform_wrapper.gravity-theme .ginput_complex .name_last{
		margin: 0;
	}
}




/* ------------------------------ 
	575px - CUSTOM SIZE
------------------------------ */
@media (max-width: 575px) {
	/* Hero Text */
	.stroke-text{
		font-size: 3.63em;
		stroke-width:2px;
    	fill: rgba(0,0,0, 0.35);
		transform: translate(50%, 55%);
	}

	#home .stroke-text{
		font-size: 5.63em;
		transform: translate(50%, 75%);
	}


	/* Footer */
	.footer-logo-wrap {
		max-width: 250px;
	}
}



/* ------------------------------ 
	500px - CUSTOM SIZE
------------------------------ */
@media (max-width: 500px) {

	.form-container{
		margin-bottom: 20px;
	}

}




/* ------------------------------ 
	479px - CUSTOM SIZE
------------------------------ */
@media (max-width: 479px) {
    /* Form */
	.form-container {
		padding: 0 30px 20px;
	}

	input[type="submit"]{
		padding: 7px 60px;
	}
}




/* ------------------------------ 
	414px - CUSTOM SIZE
------------------------------ */
@media (max-width: 414px) {
	
}




/* ------------------------------ 
	375px - CUSTOM SIZE
------------------------------ */
@media (max-width: 375px) {
	#home .hero h1 {
		width: 100%;
	}

	#home .hero .hero-content {
		padding: 100px 20px 100px;
	}

	#home .hero .hero-content span {
		font-size: 1.75em;
	}

	#home .hero .hero-content svg {
		height: 75px;
	}

	#home .stroke-text{
		font-size: 5.63em;
		stroke-width: 2px;
		fill: rgba(0,0,0, 0.35);
		transform: translate(50%, 82%);
	}
}




/* ------------------------------ 
	340px - CUSTOM SIZE
------------------------------ */
@media (max-width: 340px) {	
	
}


/* ------------------------------ 
	280px - CUSTOM SIZE
------------------------------ */
@media (max-width: 280px) {
	body{
		font-size: 12px;
	}

	.brand-logo{
		padding-left: 10px;
	}

	#masthead #logo_full_color,
	#masthead .brand-logo img {
		max-width: 160px;
		width: 100%;
	}

	/* Hero Text */
	.stroke-text{
		font-size: 2.63em;
		stroke-width:1px;
    	fill: rgba(0,0,0, 0.35);
		transform: translate(50%, 45%);
	}

	#home .stroke-text{
		font-size: 4.25em;
		stroke-width: 2px;
		fill: rgba(0,0,0, 0.35);
		transform: translate(50%, 69%);
	}
	
}