section h2{
	padding: 15px 0;
	border-bottom: 2px solid var(--theme-color);
}

section>div{
	max-width: 1080px;
	margin: auto;
}


/*------------------------------- SECTION TWO -----------------------------------------------*/

section#two{
	padding: 50px 20px;
	margin-bottom: 50px;
}

section#two>div{
	max-width: 1080px;
	margin: auto;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 35px;
}

section#two>div>div:first-child{
	background: url('../content/images/flies1.jpg') 80% 50%;
	background-size: cover;
	color: white;
	padding: 20px;
	min-height: 350px;
	position: relative;
	box-shadow: 0 0 25px 1px black;
}

section#two>div>div:first-child:after{
	content: '';
	background: black;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 1;
}

section#two>div>div:first-child p{
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 2;
}

section#two>div>div:first-child>p:nth-child(1){
	margin: auto;
	font-size: 28px;
	margin-top: 15px;
}

section#two>div>div:first-child>div{
	position: absolute;
	bottom: 20px;
}

section#two>div>div:first-child>div>p:nth-child(1){
	margin-top: 50%;
	font-size: 20px;
}
section#two>div>div:first-child>div>p:nth-child(2){
	font-size: 42px;
}

/*------------------------------- SECTION FOUR -----------------------------------------------*/

section#four {
	background: url('../../content/images/wasps-background-small.jpg') fixed;
	background-size: cover;
	padding: 100px 20px;
	position: relative;
}

section#four:after{
	content: '';
	background: black;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 1;
}

section#four>div{
	position: relative;
	z-index: 2;
	color: white;
	width: 60%;
}

section#four>div>div{
}

/*------------------------------- SECTION FIVE -----------------------------------------------*/

section#five{
	padding: 80px 20px;
}
section#five>div{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

section#five>div>div:last-child{
	box-shadow: 0 0 10px 1px black;
	color: black;
	padding: 20px;
	position: relative;
	background: url(../content/images/ants-extermination-small.jpg);
	background-size: cover;
}

section#five>div>div:last-child:after{
	content: '';
	background: #480000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	z-index: 1;
}

section#five>div>div:last-child p{
	font-size: 24px;
	position: relative;
	z-index: 2;
	color: white;
}

section#five>div>div:last-child p:last-child{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: white;
	color: black;
	width: 100%;
	padding: 10px 0;
}

section#five>div>div:last-child b{
	color: #FB0000;
}


/*------------------------------- SECTION SIX -----------------------------------------------*/

section#six{
	padding: 50px 20px;
}

section#six h2{
	border-top: 2px solid var(--theme-color);
	text-transform: uppercase;

}

/*------------------------------- SECTION SEVEN -----------------------------------------------*/

section#seven {
	margin: 50px auto;
}
section#seven h2{
	text-transform: uppercase;
	text-align: center;
	border: none;
	margin: 0;
}

section#seven h3{
	text-align: center;
}

section#seven>div{
	background: url('../content/images/flies1.jpg') 50% 50%;
	background-size: cover;
	box-shadow: 0 0 20px 5px black;
	color: white;
	padding: 40px 20px;
	border-radius: 15px;
	position: relative;
}
section#seven>div:after{
	content: '';
	background: var(--complementary-color);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	border-radius: 15px;
	z-index: 1;
}

section#seven>div>div {
	position: relative;
	z-index: 2;
} 


/*------------------------------- SECTION FAQ -----------------------------------------------*/

section#FAQ>div {
	margin: 100px auto;
} 

/*-------------------------------------------------Responsive ------------------------------------------------*/

@media all and (max-width: 1100px){
	section#seven {
		margin: 50px 20px;
	}

	section#FAQ>div{
		margin: 100px 20px;
	}

	section#four>div{
		width: 100%;
	}
}

@media all and (max-width: 768px){
	section#two>div,section#five>div{
		grid-template-columns: 1fr;
	}

	section#five{
		padding: 80px 20px;
	}
	section#five>div>div:last-child p:last-child{
		position: relative;
		z-index: 2;
	}
}

@media all and (max-width: 450px){
	section#two>div>div:first-child>div>p:nth-child(2){
		font-size: 30px;
	}
}