#TripleContent {
	/*background-image: url("../media/img/Rock.jpg");*/
	width: 99vw;
	height: 60vw;
	background-position: 50% 50%;
}
#leftbox {
    float:left; 
    width:29%;
    height:70%;
	margin: 2%;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(5px);
	border-radius: 0.5vw;
}

#middlebox{
    float:left; 
    width:30%;
    height:70%;
	margin: 2%;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(5px);
	border-radius: 0.5vw;
}
#rightbox{
    float:right;
    width:29%;
    height:70%;
	margin: 2%;
	background-color: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(5px);
	border-radius: 0.5vw;
}

@media screen and (max-width: 1000px) {
  #leftbox, #middlebox, #rightbox{
    width:96%;
    height:60%;
  }
  #TripleContent {
  height: 160vw;
	}
  #column{
  }
}
#ImgBox{		
	background-repeat: no-repeat;
	background-size: cover;
    width:80%;
    height:auto;
	margin: 5% 10%
}
#TxtBox{
    width:80%;
	margin: 5% 10%;
	font-size: 1.5vw;
}
#ImgBoxNoText{		
	background-repeat: no-repeat;
	background-size: cover;
    width:90%;
    height:90%;
	margin: 5% 5%;
	border-radius: 0.5vw;
}