.top_banner_section {width: 100%; display: block; position: absolute; background-size: cover; height: 350px;}
.banner_content {float: left; width: 31%; position: relative; padding-top: 40px;
padding-bottom: 40px; margin-left: 10%;}
.banner_small_heading {font-size: 31px; font-weight: 400; color: #194262; line-height: 35px; float: left; width: 100%; display: block;}
.banner_big_heading {font-size: 80px; line-height: 80px; margin-left: -4px; color: #194262; font-weight: 900; float: left; width: 100%; display: block;}
.banner_content_right{ position: relative;  display: block; width: 40%; float:left; padding: 60px 80px;}
.banner_image {  overflow: hidden;
  height: 0;
  padding-top: 56.25%;filter: drop-shadow(-18px 18px 0px #74b743);   background-size: cover;
  background-position: left center;
  }


.banner_content p {float: left; width: 100%; margin-bottom: 0; color: #000000; font-weight: 500; font-size: 15px;  line-height: 25px;}
.header_button {background-color: #194262;
  border: none;
  border-radius: 25px;
  color: white;
  font-family:lato ,sans serif;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 15px 0px;
  cursor: pointer;}
@media only screen and (min-width: 200px) and (max-width: 1350px) {  
  @media only screen and (max-width: 1200px) {
    .banner_big_heading { font-size: 60px; line-height: 60px; }
    .banner_small_heading{line-height: 28px; font-size: 25px;}
    .banner_content{width: 28%;}
  }
  @media (-webkit-device-pixel-ratio: 1.25) {
  * {
    zoom: 0.8;
  }
}
 
  @media only screen and (max-width: 1036px) {
  }
  @media only screen and (max-width: 1000px) {
    .banner_big_heading { font-size: 45px; line-height: 45px; margin-left: -1px }
    .banner_small_heading{ font-size: 20px;}
  }
  @media only screen and (max-width: 880px) {
    .banner_content_right {width: 45%; padding: 50px 0px 0px 40px; ;}
    .banner_image { padding-top: 75%; filter: drop-shadow(-5px 5px 0px #74b743); background-position: left center;}
    .banner_content { width: 40%; padding-top: 50px; margin-left: 8%;}
        .top_banner_section { height: 330px;}

  }
  @media only screen and (max-width: 800px) {
    .banner_content_right {width: 40%; padding: 50px 0px 0px 40px; ;}
    .banner_image { padding-top: 105%; filter: drop-shadow(-5px 5px 0px #74b743); background-position:  center;}
    .banner_content { width: 40%; padding-top: 50px; margin-left: 8%;}
    .top_banner_section { height: 330px;}
    .banner_content p {font-size: 16px; line-height: 20px;}
  }
 
  @media only screen and (max-width: 550px) {
    .banner_content_right {display: none}
    .banner_content { width: 70%;}
    .top_banner_section { height: 320px;}
  }
  @media only screen and (max-width: 490px) {
     .banner_content_right {display: none}
    .banner_content { width: 80%;}
    
  @media only screen and (max-width: 450px) {
     .banner_content_right {display: none}
    .banner_big_heading { font-size: 40px; line-height: 40px;}
    .banner_small_heading {font-size: 18px; line-height: 22px;}
  }
   @media only screen and (max-width: 400px) {
    .banner_content_right {display: none}
      .banner_content { width: 80%; padding-top: 30px; padding-bottom: 40px;}
     .banner_content p { font-size: 16px; line-height: 18px;}     
  }   
}