@media (max-width: 768px) {
.content {
	padding: 20% 0 5% 0;
}
}

@media (max-width: 603px) {
.content {
	padding: 10% 0 0;
}
#gp-home .content {
	padding: 30% 0 0 0;
}
#gp-home-intro .content {
	padding: 30% 0 5% 0;
}
#gp-menu.navbar-default {
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.79);
	border-color: #000000;
}
#gp-works li.pull-right, #gp-works li.pull-left {
	margin-top: 10px;
	float: none !important;
	text-align: center;
	display: block;
}
label {
	float: none !important
}
.pull-left.fnav, .pull-right.fnav {
	float: none !important;
	text-align: center;
}
.hover-bg .hover-text {
	padding: 12% 10%;
}
/* fix padding section */
#gp-about, #gp-works, #gp-customers, #gp-services, #gp-contact, #gp-training {
	padding-top: 80px;
	padding-bottom: 50px
}
#gp-home .overlay {
	height: 600px;
}
a.fa.fa-angle-down {
	margin-top: 100px;
}
#gp-customers ul {
	margin-top: 5%
}
}

@media (max-width: 360px) {
.hover-bg .hover-text {
	padding: 22% 10%;
}
}