@media only screen and (max-width:1200px) and (min-width:992px) {
	.hexa.gon:first-child {
		margin-left: 12%
	}

	.hexa.gon.hexeight:nth-child(8) {
		margin-left: 12%
	}
}

@media only screen and (max-width:991.9px) and (min-width:768px) {
	.hexa.gon:first-child {
		margin-left: 16%
	}

	.hexa.gon:nth-child(6) {
		margin-left: 16%
	}
}

@media (max-width: 767px) {
	body footer #footer p.disclaimer {
		text-align: center;
		font-size: 14px;
	}
}

@media only screen and (max-width:767.9px) and (min-width:600px) {
	.col-md-12.hexo {
		margin: 10%
	}

	.hexa.gon:first-child {
		margin-left: 0
	}

	.hexa.gon:nth-child(3) {
		margin-left: 22%
	}

	.hexa.gon:nth-child(6) {
		margin-left: 22%
	}

	.hexa.gon:nth-child(9) {
		margin-left: 22%
	}
}

@media only screen and (max-width:599.9px) and (min-width:320px) {
	.hexa.gon:first-child {
		margin-left: 0
	}

	.gon {
		width: 140px;
		height: 140px
	}

	.col-md-12.hexo {
		margin: 8%
	}

	.hexa.gon:nth-child(4) {
		margin-left: 16%
	}

	.hexa.gon:nth-child(9) {
		margin-left: 16%
	}

	.hexa.gon {
		margin-top: -28px
	}

	.col-md-12.hexo-main {
		padding: initial;
		margin-left: -20px;
	}
}

@media only screen and (max-width:510px) and (min-width:431px) {
	.gon {
		width: 120px;
		height: 120px
	}

	.hexa.gon:nth-child(3) {
		margin-left: 0
	}

	.hexa.gon {
		margin-right: 4px
	}
}

@media only screen and (max-width:432px) and (min-width:320px) {
	.gon {
		width: 31%;
		height: 120px
	}

	.hexa.gon:nth-child(3) {
		margin-left: 0
	}

	.hexa.gon {
		margin-right: 4px
	}

	.hexa.gon h4 {
		font-size: 12px;
		font-weight: 100
	}
}

#timeline {
	padding: 10px 0;
	background: #f7f7f7;
	border-top: 1px solid rgba(191, 191, 191, .4);
	border-bottom: 1px solid rgba(191, 191, 191, .4);
}

@media (max-width: 992px) {

	.main-menu .current-menu-ancestor>a,
	.main-menu .current_page_item>a {
		color: #ffcb01;
	}

	section.contactForm {
		margin-top: 50px;
	}

	section#timeline {
		margin-top: 50px;
	}
}