/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');


/*	CCO Styles: Fast Start CareerBundle
 	fsf_
 */
.fsf_h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight:900;
	color: #007faa;
}

.fsf_h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color: #007faa;

}

.fsf_p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size: 18px;
}

.fsf_instructor{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color: #007faa;
}

.fsf_img {
	display: inline;
}

.fsf_blue {
	color: #007faa;
}

.fsf_instructor_p {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size: 16px;
}



/* Very large screens 1800 px */
@media only screen and (max-width : 2200px){
	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		position: absolute;
		left: 31%;
		top: 35%;
	}


	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 		    position: relative;
		left: -50%;
		color: #fff;
		font-size: 5rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}

	.fsf_sidebar {
		padding-left: 50px;
	}

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		position: absolute;
		left: 33%;
		top: 35%;
	}



	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		position: relative;
		left: -50%;
		color: #fff;
		font-size: 4.5rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}

	.fsf_sidebar {
		padding-left: 50px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		position: absolute;
		left: 36%;
		top: 29%;
	}


	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		position: relative;
		left: -50%;
		color: #fff;
		font-size: 3.3rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}



}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		display: none;
		position: absolute;
		left: 36%;
		top: 46%;
	}


	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		position: relative;
		left: -50%;
		color: #fff;
		font-size: 3rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}

	.fsf_img {
		display: block;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		display: none;
		position: absolute;
		left: 36%;
		top: 46%;
	}


	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		position: relative;
		left: -50%;
		color: #fff;
		font-size: 3rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	#hero-image {
		margin: auto;
		float: left;
		overflow: hidden;
		width: 100%;
		max-height: 400px;
		position: relative;
		display: flex;
		align-items: center;
	}

	#image {
		max-width: 100%
	}

	#caption-box {
		display: none;
		position: absolute;
		left: 36%;
		top: 46%;
	}


	#caption-text {
		font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		position: relative;
		left: -50%;
		color: #fff;
		font-size: 3rem;
		white-space: nowrap;
		line-height: .9;
		text-shadow: 2px 2px 4px #000000;
	}

	.fsf_img {
		display: block;
	}

}