body{overflow-x:hidden;}.news{background:royalblue;padding:40px 0;}
		 .escoda-day {
  position: relative;
  text-align: center;
  color: white;
	margin-top:20px;
	
}

.news-pic2 {
  position: relative;
  text-align: center;
  color: white;
}
.news-pic .card {padding:0;}
.news-pic .card-title {padding:0;margin:0;}
.news-pic img{height:160px;}

.escoda-day img{max-height:410px;}



/* Bottom left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 5%;
}
.bottom-left { position:absolute;bottom:8px;left:20%;color:#000;}
		.img-hover-zoom {
  /* [1.1] Set it as per your need */
  overflow: hidden; border-radius:10px !important;/* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.announcement h1 { font-size:40px;}
.videos h1 { font-size:40px;}
.news h1 { font-size:50px;padding-top:10px;}

@media only screen and (min-width:200px) and (max-width:480px) {
	.bottom-left { position:absolute;bottom:8px;left:20%;}
	.news h1 { font-size:25px;padding-top:0;}
	.announcement h1 { font-size:20px;}
	.videos h1 { font-size:20px;}
}