/******************************
	RESPONSIVE STYLES 
******************************/
@media screen and (max-width: 1200px) {
	.table.page, .container{
		max-width: 1010px;
	}
	.container {
    	max-width: 1040px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 1160px) {

}
@media screen and (max-width: 1100px) { /* Target Screen Width */
	
}
@media screen and (max-width: 1000px) {
	.our-team > div {
		padding: 50px 15px 15px;
	}
	.our-team > div > * {
		top: 0 !important;
	}
	.our-team > div:first-child img {
		transform: rotate(7deg);
		top: -30px !important;
	}
	
	.footer-top {
		flex-wrap: wrap;
	}
	.footer-top > div:first-child {
		text-align: center;
		padding-bottom: 15px;
		width: 100%;
	}
	.footer-top > div:nth-child(2) {
		border: none;
	}
}
@media screen and (max-width: 900px) {
	.our-team {
		flex-wrap: wrap;
	}
	.our-team > div:first-child {
		text-align: center;
		padding: 0 15px !important;
	}
	.our-team > div:first-child img {
		top: 0 !important;
	}
	.our-team > div {
		text-align: center;
		padding: 25px 15px !important;
		width: 100%;
	}
	.our-team > div:last-child p {
		max-width: 100%;
	}
	
	.home-contact-form .form-bg {
		display: none;
	}
	
	.footer-top > div {
		border: none !important;
		width: 100%;
		padding: 15px 0 !important;
		text-align: center;
	}
}

@media screen and (max-width: 770px) { /* Tablet View */
	body{
		cursor: pointer; /* iOS Clicking Fix */
	}
	
	header{
		padding: 15px;
	}
	header .logo {
		order: 1;
		padding: 0;
		flex-grow: 1;
	}
	header > span:first-child {
		position: absolute;
		right: 35px;
	}
	header > span:first-child p {
		font-size: 25px;
	}
	
	.comm-res {
		flex-wrap: wrap;
		padding: 15px;
	}
	.comm-res > div {
		border: none !important;
	}
	.comm-res > div:last-child {
		border-top: solid 2px #070909 !important;
	}
	
	.program {
		padding: 30px 15px;
	}
}

@media screen and (max-width: 670px) { /* Phone View */
	.large-text {
		font-size: 30px;
	}
	.large-text span {
		font-size: 60px;
		line-height: 1;
	}

	footer p {
		padding: 15px;
	}
	.jb-logo {
		position: relative;
		display: block;
		margin: 25px auto auto;
		text-align: center;		
	}
}
@media screen and (max-width: 480px) {
/*
	header .logo {
		padding-right: 15px;
	}
*/
	header > span:first-child p,
	header > span:first-child p span {
		font-size: 16px;
		line-height: 1;
	}
	header > a:last-child {
		margin-top: 45px;
		padding: 10px 15px;
		height: auto;
	}
	
	.home-contact-form > div:last-child {
		padding: 0;
	}
}

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

}