<style>
h1{
	color:#060786!important;
	center;
}
.MainImgBody {
    text-align:center;
    padding: 15px;
}
/** {
  box-sizing: border-box;
}*/

.column {
  float: left;
  /*width: 33.33%;*/
  /*width: 100%;*/
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.frame {
  /*height: 400px;
  width: 400px;*/
  overflow: hidden;
}
.zoomin img {
  height:225px;
  width: 150px;
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.zoomin img:hover {
  width: 300px;   /*  was 900*/  
  height: 450px;  /* was 1200 */
}

.cent {
  display: block;
  margin-left: auto;
  margin-right: auto;
 /* width: 50%;*/
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
/* [1] The container */
.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [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.5);
}


.w3-container, .w3-panel {
    padding: 0.01em 16px;
}
.w3-MSHS{
	color:#060786!important;
	background-color:#fed700!important;
	}
.w3-row-padding{
    padding: 0 8px;
}
.w3-margin-top {
    margin-top: 16px!important;
}












.w3-theme {
    color: #fff !important;
    background-color: #73AD21 !important;
    background-color: #4CAF50 !important;
}


</style>
/*
<!--[if lt IE 9]>
<style>
/* #### - replace gallery thumbs magnifying glass with "Preview" bar in IE7/8 - #### */
/*#gallery li a span b { display:none; top:50%; margin-top:-1.5em; width:100%; height:auto; border:0; background:#000; font-weight:normal; color:#fff; vertical-align:top }
#gallery li a:hover span b { display:inline-block; filter:inherit }
#gallery li a span:before, #gallery li a span b:before, #gallery li a span b:after { display:none }
</style> 
<![endif]-->