.banner
	{     height: 450px;
    padding: 15px 0;
    background-size: cover;
    background-position: 10% 15%;
    text-align: center;
    color: white;
   }
  .text_block_1 
  {
	  text-align: center;
	  color: black;
  }
  .text_block_1 h2
  {    padding-top: 20px;}
   .text_block_1 p
  {   
	      text-align: center !important;
    font-size: 18px;
    padding-bottom: 20px;
    
  }
  .school_block
  {
	  max-width: 400px;
	  text-align: center;
	  cursor: pointer;
  }
  .school_name
  {
	  color: white;
	  
  }
  .img_wrap
  {position: relative;}
  
  .school_name
  {    color: white;
    position: absolute;
	left: 35%;
    bottom: 40%;
    width: 100%;
    font-size: 34px;
    text-shadow: 2px 3px 6px black;   }
   .bg_light
   {
	   background: gainsboro;
	   padding-top:30px;
	   padding-bottom:30px;
	   padding-left:80px;
	   padding-right:90px;

    margin-top: 50px;
	   
   }
   @media  (max-width: 767px) {

      .bg_light {
       padding-left: 20px;
    padding-right: 20px;
   }
   .img_wrap {
    margin-bottom: 20px;
}
   }
   .text_block_2
   {
	   text-align: justify;
	       color: black;

   }
   .text_block_2 h2
   {text-align: center;}
   
   .img_bg_light_2
    {
	    width: 320px;
	    
    } 
       .img_bg_light_1
       {
	    position: absolute;
    z-index: 2;
    width: 190px;
    top: -22px;
    left: -75px;
    box-shadow: 1px 2px 5px black;       
       }