#primary {
	background: url('images/pages/content-farma.webp');
	background-repeat: no-repeat;
	background-size: 100%;
}
#main {
	height: auto;
	padding-bottom: 3em;
}
#main .btn {
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	
	color: #FFF;
	padding: 1em 5em;
}
#main h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 2em;
}
.el-title-page {
	padding: 1.5em 0px;
}
.farma-btn {
	margin: auto 0px;
}
.farma-content {
	background: url('images/pages/content-farma2.webp');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	margin-top: -1em;
}
.farma-icons img {
	height: 54px;
}
.farma-icons.el-icons-belt {
	margin-top: -7em;
}
.farma-icons .el-ib-second {
	font-size: 0.9em;
	margin-top: 1em;
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.el-header-title > .row > div {
		margin: 4em 0px !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.el-header-title > .row > div {
		margin: 3em 0px !important;
	}
}
@media (max-width: 991px) {
	.el-ht-title {
		font-size: 2em !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.el-header {
		background-position-y: 1em !important;
	}
	.el-header-title .row > div {
		margin: 1.5em -15px !important;
	}
	.el-ht-title {
		font-size: 1.7em !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.el-header {
		background-position-y: 1em !important;
	}
	.el-header-title > .row > div {
		margin: 1.3em 0px !important;
	}
	.el-ht-title {
		font-size: 1.2em !important;
	}
	.el-icons-belt {
		margin-top: -1em !important;
	}
}
@media (max-width: 575px) {
	.el-header {
		background-position: top;
	}
	.farma-icons.el-icons-belt {
		margin-top: -4em;
	}
	.farma-icons img {
		height: auto;
	}
	.el-solar {
		background-image: url('images/pages/foto-grunt.jpg');
	}
}
@media (max-width: 350px) {
	.el-header {
		background-position: bottom;
	}
}

/* dostosowanie headera 
@media (min-width: 1060px) and (max-width: 1199px) {
	.el-header-title > .row > div {
		margin: 7em 0px;
	}
}
@media (min-width: 992px) and (max-width: 1059px) {
	.el-header-title > .row > div {
		margin: 6em 0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.el-header-title .row > div {
		margin: 4em 0px;
	}
}
@media (min-width: 650px) and (max-width: 767px) {
	.el-header-title .row > div {
		margin: 2em -15px;
	}
}*/