/*
.tooltipimage-row {
	position: relative;
	height: 25%;
	}
*/

p {
	/* color: red; */
}

.feature::before {	
/*
	border: 3px solid color orange;
	background-color: orange;	
*/
  }
  
  
#Presetbrowser .tooltiptext {
	top: 10%;
	left: 65%;
}

#Presets .tooltiptext {
	top: 10%;
	left: 38%;
}

#Tone .tooltiptext {
	top:48%;
	left:2%;
}

#Feedback .tooltiptext {
	top:48%;
    max-width:20%;
	left:12%;
}


#Time .tooltiptext {
	top:60%;
	max-width:20%;
	left:40%;
}

#Spin .tooltiptext {
	top:48%;
    max-width:20%;
	left:67%;
}


#Mix .tooltiptext {
	top:48%;
    max-width:20%;
	left:78%;
}

#Pingpong .tooltiptext {
	top:72%;
    max-width:20%;
	left:75%;
}


#Type .tooltiptext {
	top:70%;
	left:5%;
}

#Sync .tooltiptext {
	top:80%;
	left:41%;
}


#Presetbrowser img {
	position: absolute;
	width:10%;
	left: 80%;
	height: 15%;
/* 	border: 5px solid black; */
}

#Presets img {
	position: absolute;
	width:40%;
	height: 15%;
	left:30%;
}


#Tone img {
	position: absolute;
	width:12%;
	height: 22%; 
	left: 2%; 
	top: 25%;		
}

#Feedback img {
	position: absolute;
	width:12%;
	height: 22%; 
	top: 25%;
	left: 16%;
}


#Time img {
	position: absolute;
	width:20.5%;
	left: 39.2%;
	height: 45%;
	top:20%;
}

#Spin img {
	position: absolute;
	width:12%;
	height: 22%; 
	left: 71%;
	top: 25%;
}


#Mix img {
	position: absolute;
	width:12%;
	height: 22%; 
	left:85%; 
	top: 25%;
}

#Type img {
	position: absolute;
	width: 25%;
	left: 2%;
	height: 26%;
	top: 52%;	
}



#Pingpong img {
	position: absolute;
	width:22%;
	left: 74%;
	height: 25%;
	top: 50%;
}

#Sync img {
	position: absolute;
	width:20%;
	height: 10%; 
	top: 68%;
	left:42%;
}

#Display img {
	position: absolute;
	width:99%;
	height: 7%; 
	top: 93%;
	left:0%;
}