@media only screen and (min-width: 1201px) and (max-width: 1366px) { 
	#footer::after {
		-webkit-transform: skewY(-2.5deg);
		transform: skewY(-3.3deg);
	}
}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#footer:after {
		-webkit-transform: skewY(-4.5deg);
		        transform: skewY(-4.5deg);
	}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
	.clip-path-bottom {
		bottom: -1px;
	}

	.hero-title h1 {
		font-size: 75px;
	}

	#footer:after {
		display: none;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
	header {
		padding-top: 0;
	}
	body {
		font-size: 16px;
	}

	.hero-title h1 {
		font-size: 40px;
		display: block;
	}

	.hero-title img {
		right: -80px;
		max-width: 100px;
	}

	.hero-title h1 span {
		margin-right: -70px;
		font-size: 24px;
		margin-top: 0;
	}

	.hero-content {
		text-align: left;
	}

	.hero-title {
		min-height: 100px;
	}

	.logo img,
	.footer-logo img {
		max-height: 85px;
	}

	.main-menu li a {
		font-size: 40px;
		line-height: inherit;
	}

	.logo {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 0;
		top: 15px;
	}

	#hero {
		min-height: auto;
		padding: 30px 0;
	}

	.clip-path-top, 
	.clip-path-bottom {
		height: 30px;
	}
	.clip-path-bottom {
		bottom: -1px;
	}

	.blok--bg {
		padding-bottom: 0;

	}

	.blok-bg {
		min-height: 170px;
		position: relative;
		width: 100%;
		margin-top: 50px;
		-webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
		        clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);
	}

	.footer-logo {
		margin-top: 0;
	}

	.footer-content {
		padding-top: 20px;
	}

	#footer:after {
		display: none;
	}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.hero-content {
		text-align: center;
	}
}