#horizontalTripleContent {
	width: 100%;
	height: 18vw;
	background-position: 50% 50%;
}

#horizontalLeftbox {
	background-image: url("../media/img/PM03.jpeg");
    float:left; 
    width:28%;
	margin: 2%;
	padding: 1%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.5vw;
}

#horizontalMiddlebox{
	float:left; 
    width:28%;
    height:95%;
	margin: 2%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.5vw;
}

#horizontalRightbox{
    float:right;
    width:28%;
    height:95%;
	margin: 2%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0.5vw;
}
  #horizontalTripleContent {
	height: 60vw;
 }

#horizontalTxtBox{
    width:95%;
	height:100%;

	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(1px);
	border-radius: 0.5vw;
	color: white;
	font-style: italic;
	padding: 2%;
	font-size: 1vw;
}
@media screen and (max-width: 1000px) {
  #horizontalLeftbox, #horizontalMiddlebox, #horizontalRightbox, #horizontalTxtBox {
    width:95%;
	font-size: 3.5vw;
  }
}