@media screen and (min-width: 10px) and (max-width: 414px) {
		body .partners {
		margin-top: 1em;
		height: 17em;
	}
	
	.partners .partnerstext #p4 {
		text-align: center;
		font-size: 15px;
		color: black;
		padding-top: 3em; 
		padding-right:4vw;
		padding-left: 4vw;
	}
	
	.partners .partnerstext .space {
		padding-top: 1em;
		
	}
	
		
}

    
 
 @media screen and (min-width: 415px) and (max-width: 729px) {
 	
 	body .partners {
 		margin-top: 1em;
 		height: 70vw;
 		max-height: 27em;
 	}
 	
 	.partners .partnerstext #p4 {
 		text-align: center;
 		font-size: 18px;
 		color: black;
 		padding-top: 3em; 
 	}
 	
 	.partners .partnerstext .space {
 		padding-top: 1em;
 		
 	}
 	
  }    
 
 @media screen and (min-width: 730px) and (max-width:1200px) {
 	
 		body .partners {
 				margin-top: 1em;
 				height: 65vw;
 				max-height: 38em;
 			}
 		
 		.partners .partnerstext #p4 {
 			text-align: center;
 			font-size: 25px;
 			color: black;
 			padding-top: 3em; 
 		}
 		
 		.partners .partnerstext .space {
 			padding-top: 1em;
 			
 		}
 		
 		 	
 }
 
 @media screen and (min-width: 1201px) and (max-width:1770px) {
 	 	
 	body .partners {
 				margin-top: 1em;
 				height: 65vw;
 				max-height: 38em;
 			}
 			
 			
 	.partners .partnerstext {
 		width: 1100px;
 			margin-left: auto;
 			margin-right: auto;
 		
 	}
 	
 .partners .partnerstext .space {
 		width: 800px;
 			margin-left: auto;
 			margin-right: auto;
 		
 	}
 	
 	.partners .partnerstext .space2 {
 			width: 600px;
 				margin-left: auto;
 				margin-right: auto;
 			
 		}
 	
 	.partners .partnerstext .space .line1 {
 			width: 200px;
 				margin-left: auto;
 				margin-right: auto;
 			
 		}
 	.partners .partnerstext .space .line1 img {
 			height: 190px;
 	}
 	.partners .partnerstext .space2 .line2 {
 				width: 200px;
 					margin-left: auto;
 					margin-right: auto;
 				
 			}
 		.partners .partnerstext .space2 .line2 img {
 				height: 190px;
 		}
 	
 	body .partners {
 			margin-top: 1em;
 			height: 47em;
 		}
 		
 	
 	.partners .partnerstext #p4 {
 				text-align: center;
 				font-size: 30px;
 				color: black;
 				padding-top: 3em; 
 			}
 			
 	 }
 
 @media screen and (min-width: 1771px) {
  		.partners .partnerstext {
 			width: 1200px;
 				margin-left: auto;
 				margin-right: auto;
 			
 		}
 		
 	.partners .partnerstext .space {
 			width: 1200px;
 				margin-left: auto;
 				margin-right: auto;
 			
 		}
 		
 		.partners .partnerstext .space2 {
 				width: 900px;
 					margin-left: auto;
 					margin-right: auto;
 				
 			}
 		
 		.partners .partnerstext .space .line1 {
 				width: 300px;
 					margin-left: auto;
 					margin-right: auto;
 				
 			}
 		.partners .partnerstext .space .line1 img {
 				height: 300px;
 		}
 		.partners .partnerstext .space2 .line2 {
 					width: 300px;
 						margin-left: auto;
 						margin-right: auto;
 					
 				}
 			.partners .partnerstext .space2 .line2 img {
 					height: 300px;
 			}
 		
 		body .partners {
 				margin-top: 1em;
 				height: 49em;
 			}
 			
 	
 		.partners .partnerstext #p4 {
 					text-align: center;
 					font-size: 30px;
 					color: black;
 					padding-top: 3em; 
 				}
 				
 		 }  

*, *::after, *::before {
  box-sizing: border-box;
}

body {
  font-family: 'roboto';
  font-weight: 300;
  color: white;
  background-color: #ffffff;
}


.partners {
	background-color: white;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	height: 55vw;
	
}

#p4 {
	text-align: center;
	font-size: 3vw;
	color: black;
	padding-top: 7%; 
}

.space {
	width: 80vw;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2em;
	
}
.space2 {
	width: 60vw;
	margin-left: auto;
	margin-right: auto;
}

.line1 {
	position: relative;
	width: 20vw;
	float: left;
}
.line2 {
	position: relative;
	width: 20vw;
	float: left;
}
.brand {
	display: block;
	width: 18vw;
	height: 18vw;
}

.hiring {
	margin-top: 1em;
	margin-bottom:  1em;
	display: grid;
	grid-template-areas:
	"hirepic"
	"hireword";
	grid-template-columns:50% auto;
	grid-template-areas:
	"hirepic hireword";
}

.hirepic {
	background-image: url(/apeqtrial/img/hire.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	height: 36vw;
	max-height: 30em;
}

.hireword {
	text-align: center;
	font-size: 1.5vw;
	color: black;	
	padding-right: 1em;
	padding-left: 1em;
}

.p6 {
	padding-top: 6%; 
	font-size: 1.5vw;
}

.p5 {
	text-align: center;
	font-size: 3vw;
	color: black;
	padding-top: 15%; 
}

.kontainer img {
	width: 22vw;
	height:22vw;
}

.wcgrid {
	display: grid;
	grid-template-areas:
	"apvcont"
	"flottwegcont"
	"pipetitecont"
	"gracocont";
	grid-row-gap: 1em;
	grid-column-gap: 1em;
	margin-top: 1em;
	
}

.apvcont a:hover, .flottwegcont a:hover, .pipetitecont a:hover, .gracocont a:hover,  {
	cursor: pointer;
}

 .apvcont {
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-image: url(/apeqtrial/img/spxland.jpg);
 	text-align: center;
 	color: white;
 	grid-area: apvcont;
 } 
 
 .flottwegcont {
 	background-size:  cover;
 	background-repeat: no-repeat;
 	background-image: url(/apeqtrial/img/flottwegland.jpg);
    text-align: center;
 	color: white;
 	grid-area: flottwegcont;
 }

 	
 .pipetitecont {
  	background-size:  cover;
  	background-repeat: no-repeat;
  	background-image: url(/apeqtrial/img/pipetiteland.jpg);
  	text-align: center;
  	color: white;
  	grid-area: pipetitecont;
  }
  
 .gracocont {
 	background-size:  cover;
 	background-repeat: no-repeat;
 	background-image: url(/apeqtrial/img/gracoland.jpg);

 	text-align: center;
 	color: white;
 	grid-area: gracocont;
 } 
 
    
 .headtext {
	font-size: 2.5vw;
	font-weight: 300;
	padding-top: 55%;
	color: white;
}

.subhead { 
	padding-bottom: 5%;
	font-size: 1.5vw;
	color: white;
}

.mainlogo {
	width: 65vw;
	max-width: 700px;
	margin: 0 auto;
	display: block;
	padding-top: 1em;
}

sup {
    position: relative;
    font-size: 40%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.2em;
}

.indexhr {
	width: 80vw;
}