/* CSS Document */

@media screen and (max-width: 767px) {
	
	.bbbBadge {
		display: none;
	}
	
	.buttonMenu {
		position: relative;
		width: 90%;
		margin: 0 auto;
		left: 0;
		top: 0;
		font-size: .8em;
	}
	
	.buttonMenu ul {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
	}
	
	.buttonMenu ul li {
		margin: 0 35px;
	}
	
	.buttonMenu ul li:first-of-type,
	.buttonMenu ul li:last-of-type {
		margin: 0 auto;
	}
	
	.buttonMenu ul li a {
		position: relative;
	}
	
	hgroup a {
		width: 80%;
		margin: 0 10%;
	}	
	
	.homeMenu {
		position: relative;
		margin: 0;
		width: 100%;
	}
	
	.homeMenu a {
		text-decoration: none;
	}
	
	.mobileImage {
		display: block;
	}
	
	.desktopImage {
		display: none;
	}
	
	.triangle.about p {
		margin: 0;
		text-align: center;
	}
	
	.triangle.first {
		display: none;
	}
	
	a > .triangle,
	.triangle.owners,
	.triangle.about {
		width: 50%;
		margin: 40px 25%;
		float: none;
	}
	
	body {
		font-size: 18px;
	}
	
	hgroup a {
		min-height: 100px;
	}

	.rightPic .leftMain,
	.middleMain,
	.current .rightMain,
	.prospective .rightMain,
	.owner .rightMain,
	.about .rightMain,
	.contact .rightMain,
	footer,
	.col1,
	.col2 {
		width: 90%;
		margin: 0 5%;
		float: left;
		position: relative;
		background:  none;
		height: auto;
		left: 0;
	}
	
	.rightPic .rightMain,
	.owner .leftMain,
	.about .leftMain,
	.contact .leftMain {
		display: none;
	}
	
	.page h1 {
		margin: 25px 0 10px 0;
	}

	.rightMain h1,
	.leftMain h1,
	.rightMain h2,
	.leftMain h2 {
		text-align: center;
	}

	.rightPic .leftMain {
		text-align: left;
	}
	
	.links {
		width: 100%;
	}
	
	.rightPic .links {
		margin-top: 20px;
	}
	
	.linksInner {
		justify-content: center;
	}
	
	.links a:before {
		margin-top: 10px;
	}

	
	.addressFooter {
		text-align: center;
	}
	
}

@media screen and (max-width: 600px) {
	
	body {
		font-size: 16px;
	}
	
	.ninja-forms-form .field-wrap {
		width: 98%;
	}
	
	#frmApplyOnline .field,
	#frmApplyOnline .field.oneColumn,
	#frmApplyOnline .field.threeColumn,
	#frmApplyOnline .field.middle,
	#frmApplyOnline .field.fourColumn {
		width: 98%;
		margin: 5px 1% 15px;
	}
	
	.links a:before {
		margin-top: 8px;
	}

}	

@media screen and (max-width: 400px) {
	
	.links {
		max-width: 100%;
		font-size: .8em;
	}

}