@media screen and (max-width: 767px) {

	body {
		font-size: 13px;
	}

	h1 {
		font-size: 2.5em;
		max-width: 270px;
		padding: 0 30px;
		margin-top: 120px;
	}

	h1 span {
		padding: 3px 10px 3px 50px;
		margin-left: -50px;
	}

	h1 br {
		display: none;
	}

	h2, .h2 {
		font-size: 2.5em;
	}
	
	h5 {
		font-size: 1.2em;
	}

	.navbar-brand {
		width: 190px;
		height: 110px;
	    z-index: 1;
		position: absolute;
		margin-left: 30px;
		/*top: -260px;*/
		justify-content: left;
	}

	.navbar-brand img {
		max-height: 60px;
		/* align-self: flex-start; */
		object-fit: cover;
	}

	.navbar-toggler {
		position: absolute;
		top: 0;
		right: 0;
		margin: 18px 15px;
		color: #FFF;
		font-size: 40px;
		z-index: 1;
		outline: none !important;
	}

	.navbar-toggler i::before {
		content: '\f2d7';
	}

	.navbar-toggler.collapsed i::before {
		content: '\f20e';
	}

	header .navbar-nav a {
		font-size: 1.2em;
	}

	header .dropdown-menu a {
		font-size: .7em !important;
	}


	header .navbar-nav {
		width: 100%;
		padding-left: 0;
		background: var(--dark-grey);
		top: 10px;
		width: 100% !important;
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		padding: 80px 20px 20px 20px;
	}


	header .navbar-collapse.collapsing {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}



	#hero {
		height: 450px;
	    align-items: flex-end;
	}

	#hero .hero-blurb {
		width: 60%;
		/* height: auto; */
	}

	#hero .hero-image {
		width: 100%;
	}

	#hero .hero-image::before {
		content: '';
		position: absolute;
		height: 100%;
		width: 100%;
		background: rgba(20,20,20,.6);
	}

	#hero p {
		width: 100%;
		color: #FFF;
	}

	section {
		padding: 50px 0;
	}

	.featuring-slider .owl-dots {
		text-align: center;
	}

	.courses .course-card .card-body > div p {
		font-size: 1em;
	}

	#get-skilled h3 {
		font-size: 2em;
	}

	#module_list .card-header h3 {
		font-size: 1em;
	}

	#module_list .card-header h3 button {
		padding: 0 20px 0 15px;
	}

	#module_list .card > div > .card-body {
		padding: 15px;
	}

	#why-study {
		color: #FFF;
	}

	#why-study-image {
		width: 100%;
	}

	#contact-section .card-body {
		height: 130px;
	}

	#contact-section .card-body img {
		width: 40px;
		height: auto;
	}

	#contact-section .card-body > div > div {
		width: 200px;
		margin-left: 10px;
	}





	.course-card .card-img {
		height: 400px;
	}

	.course-stats > div > div {
		border-left: none;
		height: auto;
	}

	.course-card .course-info {
		bottom: 100px;
	    max-width: 300px;
	}

	.course-card .course-header {
		padding: 20px 15px;
		font-size: .8em;
	}

	.course-card .course-info > div > div {
		max-width: 200px;
		padding: 5px 10px;
	}




	.fw-slider .owl-item {
		height: 550px;
	}

	.fw-slider .owl-item .info-outer {
		position: relative;
		z-index: 1;
	}

	.fw-slider .owl-item .info {
		font-size: 1em;
		line-height: 1.4em;
		min-height: 0;
		height: 100%;
		padding-right: 0;
		max-width: 100%;
		text-align: center;
	}

	.fw-slider .owl-item .image {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		opacity: .2; 
	}

	.fw-slider .owl-dots {
		width: 100%;
		bottom: 30px;
	}

	.fw-slider .owl-item .info .btn {
		letter-spacing: 1px;
	}



}