.mb__60 {
    margin-bottom: 0!important;
}

.page-heading-banner
{
	height: 100vh;
    margin-top: -210px;
    display: flex;
}

.heading-banner-text
{
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 0!important;
	padding-top: 80px;
}

.heading-banner-text > div h1
{
	color: #fff;
	font-size: 64px;
	line-height: 78px;
	margin-bottom: 22px;
}

.heading-banner-text > div h6
{
	color: #fff;
	font-size: 22px;
	line-height: 26px;
}

.first-section-container
{
	padding-top: 113px;
    padding-bottom: 113px;
}

.first-section-column div.wpb_single_image
{
	margin-bottom: 20px;
}

.first-section-column
{
	padding: 0 35px!important;
}

.first-section-column img
{
	max-height: 56px;
    width: auto;
}

.first-section-column h6
{
	font-family: 'Roboto';
	font-size: 22px;
	font-weight: 500;
	color: #1D262F;
}

.first-section-column p
{
	font-family: 'Roboto';
	font-size: 18px;
	font-weight: 400;
	color: #465461;
	line-height: 26px;
}

.third-section-container
{
	padding: 120px 40px 120px 15px;
}

.third-section-column-content > div > div
{
	padding-right: 0!important;
}

.third-section-column-content .wpb_single_image img
{
	width: 36px;
	height: 36px;
	/*margin-top: 6px;*/
}

.third-section-column-content h6
{
	margin-top: 0!important;
	font-size: 24px;
	font-weight: 500;
	line-height: 26px;
	color: #000;
}

.third-section-column-content p
{
	font-size: 22px;
	font-weight: 400;
	line-height: 36px;
	color: #8b8c8e;
}

.first-section-column .wpb_text_column,
.third-section-column-content .wpb_text_column
{
	margin-bottom: 0;
}

@media only screen and (max-width: 1024px)
{
	.page-heading-banner
	{
		margin-top: -80px;
	}

	.school-category-item
	{
		background-size: cover!important;
	}
}

@media only screen and (max-width: 1000px)
{
	.first-section-container
	{
		display: flex;
    	flex-flow: column;
	}

	.first-section-container > .first-section-column 
	{
		width: 100%;
		margin-bottom: 50px;
	}

	.first-section-container > .first-section-column:last-child
	{
		margin-bottom: 0;
	}

	.categories-container .school-category-item
	{
		width: calc(50% - 13px)!important;
	}
}

@media only screen and (max-width: 736px)
{
	.heading-banner-text > div h1
	{
		font-size: 32px;
		line-height: 42px;
	}

	.heading-banner-text
	{
		padding-top: 0;
	}

	.third-section-container
	{
		padding: 60px 15px;
	}

	.third-section-column-content .wpb_single_image,
	.third-section-column-content .wpb_text_column
	{
		text-align: center!important;
		margin-bottom: 20px;
	}

	.third-section-container .third-section-column:first-child
	{
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 414px)
{
	/* Commented for John to be able to use multiple backgrounds 01-04
	#jas-content > div > div > .page-heading-banner
	{
		background-image: url('../../../uploads/2019/02/Home-Page-Mobile-Header-480-x-800-FINAL.jpg')!important;
		background-size: contain;
	}*/

	.categories-container .school-category-item {
	    width: calc(100% - 13px)!important;
	}

}