body{font-family: monospace;}
img{width: 360px;}
.basic {width: 360px; margin: auto; text-align: center; top: padding: 20px;}
.cont {width: 360px; margin: auto; padding: 20px; display: flex; flex-direction:row;}
.lside{flex:20%;text-align: left; padding: 2%;}
.rside{flex:80%;text-align: left; padding: 2%;}
.videocont{width: 560px; margin: auto; text-align: center; padding: 20px;}
.videoclip{width: 560px; height: 315px;}
.gallery{width: 330px; margin: auto; padding: 20px; display: grid; grid-template-columns: auto auto auto;}
.gal-img{width: 90%; padding:5px; margin: auto;}

	@media (max-width: 800px) {
	  .basic{max-width: 90vw; padding: 0; padding-bottom:10px;}
	  .cont{max-width: 90vw;padding: 0; padding-bottom:10px;}
	  .gallery{max-width: 80vw;padding: 0; padding-bottom:10px;}
	  img {max-width: 90vw}
	  
	  .videocont {
  overflow: hidden;
  width: 90vw;
  padding: 0;}
  
    .videoclip {
  width: 80vw;
  height: 45vw;}
	}