@media (max-width: 1280px) {
	.block-container {
		padding: 0 15px !important;
	}
	.section-1 a,
	.section-2 a {
		padding: 159px 60px;
	}
}
@media (max-width: 768px) {
	
	.logo img {
		max-width: 200px;
		margin: 0 auto 0 auto;
		float: none;
	}
	.header {
		text-align: center;
	}
	.menu-header {
		display: none;
	}
	.mobile-menu {
		display: block;
	}
}

@media (max-width: 480px) {
	.section-1 a,
	.section-2 a {
		padding: 60px 20px;
	}
	.mobile-menu {
		margin: 0;
	}
	.body {
		margin: 0;
		padding: 30px 0 0 0;
	}
	.section-1 h2, 
	.section-2 h2 {
		font-size: 30px;
		margin: 0 0 20px 0;
		min-height: 10px;
	}
	.section-2 h2 {}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	.logo img {
		max-width: 200px;
		margin: 0 auto 0 auto;
		float: none;
	}
	.header {
		text-align: center;
	}
	.header .col-sm-3 {
		width: 100%;
	}
	
}