@charset "UTF-8";
/* CSS Document */
/* Home page specific CSS */
/* Begins with 360 min-width handheld and builds to desktop */
/* with breakpoints at 480, 760, 1020, and 1680 */

#banner-content img {
	width:64vw;
}

#banner-tagline {
	display:none;
}


/* Tablet Portrait and Handheld Landscape View*/

@media (min-width: 480px) {

	#banner-content img {
		width:58vw;
	}
	

@media (min-width: 600px) {
	
	#banner-content img {
		width:52vw;
	}
}

/* Small Screen / Laptop View*/

@media (min-width: 760px){

	#banner-content img {
		width:38vw;
	}

	#banner-tagline {
		display:flex;
		width:55vw;
		margin-right:10vw;
	}
	
	#banner-tagline h2 {
		font-size:1.2rem;
		color:white;
		font-weight:bold;
		padding:0;
	}

@media (min-width: 900px) {
	
	#banner-content img {
		width:36vw;
	}
}

	/* Large Screens Wider than Ipad Landscape */

@media (min-width: 1020px){
	
	#banner-content img {
		width:31vw;
	}
	
	#banner-tagline {
		margin-right:6vw;
	}
	
	#banner-tagline h2 {
		font-size:1.3rem;
	}
}
	
@media (min-width: 1300px) {

	#banner-content img {
		width:28vw;
	}
}	

@media (min-width: 1460px) {

	#banner-content img {
		width:26vw;
	}
}

@media (min-width: 1560px) {

	#banner-content img {
		width:24vw;
	}
	
	#banner-tagline {
		margin-right:0;
	}
	
	#banner-tagline h2 {
		font-size:1.4rem;
	}
}

@media (min-width: 1680px) {
	
	#banner-content img {
		width:22vw;
	}
}