* {
    margin: 0;
    padding:0;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-decoration: none;
    
}

a {-webkit-tap-highlight-color: transparent;}

@media screen and (min-width:320px) {
header {
    background-color: brown; 
    width:100%; 
    position: absolute; 
    height: 140px; 
    top: 0; 
    left: 0;
    
}

header h3:first-letter {font-size: 40px;
}

header img {
    width: 120px; 
    height: 120px; 
    position: absolute; 
    padding-left: 10px; 
    padding-top: 10px;
}

header h3 {
    padding-left: 135px; 
    position: absolute; 
    font-weight:bold; 
    padding-top: 10px;
}

header h4 {
    padding-left: 145px; 
    padding-top: 60px; 
    font-weight: 400;
}

#date {color: white;font-size: 15px;position: absolute;padding-left: 120px;padding-top: 20px;}



#sidebar {
    margin-top: 140px;
    height: 100%; 
    width: 0; 
    position: absolute; 
    right: 0;
    background-color: black;
    overflow-x: hidden; 
    padding-top: 60px; 
    transition: 0.5s; 
    z-index: 1;
  }
  
#sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    display: block;
    transition: 0.3s;
  }

  #sidebar a:hover {
    color: #f1f1f1;
  }

  #sidebar #closebar {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    
  }
  
  #openbar {
    font-size: 20px;
    cursor: pointer;
    color:brown;
    background-color: white;
    padding: 10px 20px;
    border: none;
    position: absolute;
    right: 0;
    margin-top: 140px;
  }

  #main { width: 100%;
  }

  #search {
    width: 160px;
    margin-top: 150px;
    font-size: 18px;
    margin-left: 8px;
    position:absolute;
    border-width: 1px;
    border-color: brown;
    cursor: pointer;
    height: 23px;
  }
  
  .card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 190px;
    position: absolute;
    z-index: 1;
    
}
.card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.8rem;
    box-shadow: 0 2px 4px rgba(0,0,0,1);
}
.card h3 {margin: 0 0 .4rem; font-size: 1rem;}
.card p {margin: 0; color:#555;}

  .menu {
    display: none;
  }

  

   #content {
    width: 100%;
    margin-top: 190px;
    position: absolute;
   }

   #content2 {
    width: 100%;
    margin-top: 180px;
    position: absolute;
   }

   .category {background-color: white; position: absolute; width:100%;}
   .category h2 {
    font-weight: bolder;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: brown;
   }


   .w3-black{
    width: 100%;
    height: 320px;
    background-color:rgb(241, 175, 137);
    margin-bottom: 10px;
   }

   .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 20px;color: brown;} 

   .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 20px; margin-left: 40px; margin-right: 40px; font-weight: bold;}

   .banner {
    width: 280px;
    height: 320px;
    padding-left: 20px;
    position: absolute;
  
   }

   .w4-black{
    width: 100%;
    height: 250px;
    background-color:rgb(241, 175, 137);
    margin-bottom: 10px;
   }

   

   .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 12px; margin-right: 40px;font-weight: bolder;}

   
   .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:12px ;background-color: white;}

   .image {
    width: 300px;
    height: 250px;
    padding-left: 12px;
    position: absolute;
  
   }

   .w5-black{
    width: 100%;
    height: 210px;
    background-color:rgb(241, 175, 137);    
    margin-bottom: 10px;
    padding-top: 10px;
   }

   .w5-black h4 { background-color: white; margin-top: 180px; margin-left: 30px;position: absolute;float: left;color: brown;} 

   .w5-black p a{ color:white;  line-height: 25px; font-weight: bold;}
   .show-date2 { color: black;font-size: 18px;}


   .image1 {
    width: 50%;
    height: 200px;
    padding-left: 15px;
    padding-right: 10px;
    float: left;
    
   }

   .w6-black{
    width: 100%;
    height: 320px;
    background-color:rgb(241, 175, 137);
    margin-bottom: 10px;
   }

  #health {
    font-weight: bolder;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 70px;

   }
   .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 20px; margin-right: 40px;font-weight: bold;}

   .w6-black a {position:absolute; margin-left: 20px;  margin-top: 300px; color: brown;background-color: white;}
   

   .image2 {
    width: 280px;
    height: 320px;
    padding-left: 20px;
    position: absolute;
  
   }

   .w7-black{
    width: 100%;
    height: 210px;
    background-color:rgb(241, 175, 137);    
    margin-bottom: 10px;
    padding-top: 10px;
   }

   .w7-black p { color:white;  line-height: 25px; font-weight: bold;}

   .w7-black a { margin-left: 5px;  margin-top: 300px; color: brown;background-color: white;}

   .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
   .latest h2 {background-color:brown; padding-left: 80px;margin-bottom: 10px;color:white; }
   .latest a{color: white;}

   .sharethis-inline-share-buttons {
    display:flex;
    margin-top: 50px;
   }

  /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 10px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 208px;float: left;margin-left: 0;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 2px; font-weight: bold;color: brown;font-size: 16px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 12px;padding-left: 10px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 0px;}

  .news-Sec{background-color: white; position: absolute; width:100%;}
  .news-Sec h2 {
    font-size: 25px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: brown;
   }

   /*News Story*/
   .test-Story{background-color: white; width:100%;}
  .test-Story h3 {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 25px;
    color: black;
   }

   .image4 {
    width: 280px;
    height: 300px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
   }

   .test-Story h4 { padding-bottom: 10px;padding-left: 15px;
   }

   
  .test-Story article p {
    font-size: 18px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 15px;
    text-align: justify;
    line-height: 30px;
  }

   #testStory{
    width: 100%; height: 450px; background-color: black; margin-top: 30px;text-align: center;
   }
   #testStory nav {margin-bottom: 30px;}
   #testStory .testP {color: white;padding-bottom: 25px;padding-top: 20px;text-align: center;font-size: 16px;}
   #testStory .icon a img {width: 30px; height: 30px; padding-left: 20px;}
   #testStory #speMenu a {font-size: 18px; font-weight: bolder; color:white; padding-left: 5px; padding-bottom: 50px; text-decoration: none;}
   #testStory #purple a { padding-left: 10px;padding-bottom: 50px; color: white; text-decoration: none;}

  
   /*Contact Us*/

   .contact-Us{background-color: white; position: absolute; width:100%;}
   .contact-Us div {
     font-weight: bold;
     margin-top: 20px;
     margin-bottom: 20px;
     margin-left: 60px;
     color: black;
     background-color: beige;
     width: 200px;
     height: 100px;
     text-align: center;
    }

    .contact-Us div h2 {padding-top: 30px;font-size: 30px;}

    .contact-Us p {font-size: 18px;padding-bottom: 15px;padding-left: 10px;}
 
    .contact-Us h3 {padding-left: 10px;padding-bottom: 10px;padding-top: 20px;color: brown;}


     /*About us*/

  .About-Us {background-color: white; position: absolute; width:100%;}

  #about {
    padding-top: 40px;

  }

  #about p {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    line-height: 15px;
  }

  #about h3, h4 {
    padding-top: 0px;
    padding-left: 15px;
    padding-bottom: 15px;
  }

  
  #about img {
    width: 280px;
    height: 320px;
    padding-left: 15px;
    padding-bottom: 15px;
    
  
   }

  .list {
    margin-left: 20px;
    margin-bottom: 10px;
    line-height: 15px;

  }

  .list li{padding-bottom: 10px;padding-right: 10px;text-align: justify;
    line-height: 15px;
}

  
  }

  @media screen and (min-width:344px) {
    header {
        background-color: brown; 
        width:100%; 
        position: absolute; 
        height: 140px; 
        top: 0; 
        left: 0;
        
    }
    
    header h3:first-letter {font-size: 40px;
    }
    
    header img {
        width: 120px; 
        height: 120px; 
        position: absolute; 
        padding-left: 15px; 
        padding-top: 10px;
    }
    
    header h3 {
        padding-left: 140px; 
        position: absolute; 
        font-weight:bold; 
        padding-top: 10px;
    }
    
    header h4 {
        padding-left: 150px; 
        padding-top: 60px; 
        font-weight: 400;
    }
    
    #date {color: white;font-size: 15px;position: absolute;padding-top: 20px;}
    
    
    
       .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 30px;color: brown;} 
    
       .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 30px; margin-right: 40px; font-weight: bold;}
    
       .banner {
        width: 280px;
        height: 320px;
        padding-left: 30px;
        position: absolute;
      
       }


        .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 20px; margin-right: 40px;font-weight: bolder;}
    
       
       .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:20px ;background-color: white;}
    
       .image {
        width: 300px;
        height: 250px;
        padding-left: 20px;
        position: absolute;
      
       }
    
       .w5-black{
        width: 100%;
        height: 210px;
        background-color:rgb(241, 175, 137);    
        margin-bottom: 10px;
        padding-top: 10px;
       }
    
       .w5-black h4 { background-color: white; margin-top: 180px; margin-left: 30px;position: absolute;float: left;color: brown;} 
    
       .w5-black p a{ color:white;  line-height: 25px; font-weight: bold;}
       .show-date2 { color: black;font-size: 18px;}
    
    
       .image1 {
        width: 50%;
        height: 200px;
        padding-left: 15px;
        padding-right: 10px;
        float: left;
        
       }
    
       .w6-black{
        width: 100%;
        height: 320px;
        background-color:rgb(241, 175, 137);
        margin-bottom: 10px;
       }
    
      #health {
        font-weight: bolder;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 70px;
    
       }
       .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 30px; margin-right: 40px;font-weight: bold;}
    
       .w6-black a {position:absolute; margin-left: 30px;  margin-top: 300px; color: brown;background-color: white;}
       
    
       .image2 {
        width: 280px;
        height: 320px;
        padding-left: 30px;
        position: absolute;
      
       }
    
       .w7-black{
        width: 100%;
        height: 210px;
        background-color:rgb(241, 175, 137);    
        margin-bottom: 10px;
        padding-top: 10px;
       }
    
       .w7-black p { color:white;  line-height: 25px; font-weight: bold;}
    
       .w7-black a { margin-left: 5px;  margin-top: 300px; color: brown;background-color: white;}
    
       .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
       .latest h2 {background-color:brown; padding-left: 80px;margin-bottom: 10px;color:white; }
       .latest a{color: white;}
    
       .sharethis-inline-share-buttons {
        display:flex;
        margin-top: 50px;
       }

  /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 20px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 218px;float: left;margin-left: 0;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 2px; font-weight: bold;color: brown;font-size: 16px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 12px;padding-left: 10px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 10px;}

       /*News Story*/
       .news-Story{background-color: white; position: absolute; width:100%;}
      .news-Story h3 {
        font-weight: bold;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 25px;
        color: black;
       }
    
       .image4 {
        width: 280px;
        height: 300px;
        padding-left: 20px;
        padding-bottom: 20px;
        padding-top: 10px;
       }
    
       .news-Story h4 { padding-bottom: 10px;padding-left: 15px;
       }
    
       
      .news-Story article p {
        font-size: 18px;
        padding-bottom: 15px;
        padding-left: 10px;
        padding-right: 15px;
        text-align: justify;
        line-height: 30px;
      }

      #testStory{
        width: 100%; height: 450px; background-color: black; margin-top: 50px;text-align: center;
       }
    
      
       /*Contact Us*/
    
       .contact-Us{background-color: white; position: absolute; width:100%;}
       .contact-Us div {
         font-weight: bold;
         margin-top: 20px;
         margin-bottom: 20px;
         margin-left: 80px;
         color: black;
         background-color: beige;
         width: 200px;
         height: 100px;
         text-align: center;
        }
    
        .contact-Us div h2 {padding-top: 30px;font-size: 30px;}
    
        .contact-Us p {font-size: 18px;padding-bottom: 15px;padding-left: 10px;}
     
        .contact-Us h3 {padding-left: 10px;padding-bottom: 10px;padding-top: 20px;color: brown;}
    
        #contact{
          width: 100%; height: 400px; background-color: black; position: absolute; margin-top: 600px;text-align: center;
         }
         #contact nav {margin-bottom: 30px;}
         #contact p {color: white;padding-bottom: 25px;padding-top: 10px;}
         #contact .icon a img {width: 30px; height: 30px; padding-left: 20px;}
         #contact #speMenu a {font-size: 18px; font-weight: bolder; color:white; padding-left: 5px; padding-bottom: 50px; text-decoration: none;}
         #contact #purple a { padding-left: 10px;padding-bottom: 50px; color: white; text-decoration: none;}
    
         /*About us*/
        
      
      #about p {
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: justify;
        line-height: 20px;
      }
    
      #about h3, h4 {
        padding-top: 0px;
        padding-left: 15px;
        padding-bottom: 15px;
      }
    
      
      #about img {
        width: 280px;
        height: 320px;
        padding-left: 15px;
        padding-bottom: 15px;
       }

       .list li{
        line-height: 20px;
    }
    
    }
    

   @media screen and (min-width:360px) {
    #date {color: white;font-size: 15px;position: absolute;padding-left: 170px;padding-top: 20px;}
    .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 40px;color: brown;} 
    
    .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 40px; margin-right: 40px; font-weight: bold;}
 
    .banner {
     width: 280px;
     height: 320px;
     padding-left: 40px;
     position: absolute;
   
    }


     .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 30px; margin-right: 40px;font-weight: bolder;}
 
    
    .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:30px ;background-color: white;}
 
    .image {
     width: 300px;
     height: 250px;
     padding-left: 30px;
     position: absolute;
   
    }
 
   #health {
     font-weight: bolder;
     padding-top: 15px;
     padding-bottom: 10px;
     padding-left: 80px;
 
    }
    .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 40px; margin-right: 40px;font-weight: bold;}
 
    .w6-black a {position:absolute; margin-left: 40px;  margin-top: 300px; color: brown;background-color: white;}
    
 
    .image2 {
     width: 280px;
     height: 320px;
     padding-left: 40px;
     position: absolute;
   
    }
 
    .w7-black{
     width: 100%;
     height: 210px;
     background-color:rgb(241, 175, 137);    
     margin-bottom: 10px;
     padding-top: 10px;
    }
 
    .w7-black p { color:white;  line-height: 25px; font-weight: bold;}
 
    .w7-black a { margin-left: 5px;  margin-top: 300px; color: brown;background-color: white;}
 
    .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
    .latest h2 {background-color:brown; padding-left: 80px;margin-bottom: 10px;color:white; }
    .latest a{color: white;}
 
    .sharethis-inline-share-buttons {
     display:flex;
     margin-top: 50px;
    }
 
    /*News Story*/
    .news-Story h3 {
      padding-left: 15px;
      padding-right: 40px;
      color: black;
     }
  
     .image4 {
      width: 280px;
      height: 300px;
      padding-left: 30px;
      padding-bottom: 20px;
      padding-top: 10px;
     }
  
     .news-Story h4 { padding-bottom: 10px;padding-left: 15px;
     }
  
     
    .news-Story article p {
      font-size: 18px;
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 20px;
    }

    /*Contact Us*/
    .contact-Us div {
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 90px;
      color: black;
      background-color: beige;
      width: 200px;
      height: 100px;
      text-align: center;
     }

     /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 30px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 228px;float: left;margin-left: 0;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 2px; font-weight: bold;color: brown;font-size: 16px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 30px;padding-left: 10px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 15px;}
  
   }

   @media screen and (min-width:375px) {
    #date {color: white;font-size: 15px;position: absolute;padding-left: 200px;padding-top: 20px;}

    .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 45px;color: brown;} 
    
    .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 30px; margin-right: 45px; font-weight: bold;}
 
    .banner {
     width: 280px;
     height: 320px;
     padding-left: 45px;
     position: absolute;
   
    }

     .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 35px; margin-right: 40px;font-weight: bolder;}
 
    
    .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:35px ;background-color: white;}
 
    .image {
     width: 300px;
     height: 250px;
     padding-left: 35px;
     position: absolute;
   
    }
 
   #health {
     font-weight: bolder;
     padding-top: 15px;
     padding-bottom: 10px;
     padding-left: 100px;
 
    }
    .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 45px; margin-right: 40px;font-weight: bold;}
 
    .w6-black a {position:absolute; margin-left: 45px;  margin-top: 300px; color: brown;background-color: white;}
    
 
    .image2 {
     width: 280px;
     height: 320px;
     padding-left: 45px;
     position: absolute;
   
    }
 
    /*News Story*/
    .news-Story h3 {
      padding-left: 15px;
      padding-right: 40px;
      color: black;
     }
  
     .image4 {
      width: 280px;
      height: 300px;
      padding-left: 30px;
      padding-bottom: 20px;
      padding-top: 10px;
     }
  
     .news-Story h4 { padding-bottom: 10px;padding-left: 15px;
     }
  
     
    .news-Story article p {
      font-size: 18px;
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 20px;
    }

    /*Contact Us*/
    .contact-Us div {
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 100px;
      color: black;
      background-color: beige;
      width: 200px;
      height: 100px;
      text-align: center;
     }
 
     .contact-Us div h2 {padding-top: 30px;font-size: 30px;}
 
     .contact-Us p {font-size: 18px;padding-bottom: 15px;padding-left: 20px;}
  
     .contact-Us h3 {padding-left: 20px;padding-bottom: 10px;padding-top: 20px;color: brown;}
    
     /*About Us*/
     #about p {
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: justify;
      line-height: 20px;
    }

    /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 40px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 240px;float: left;margin-left: 0;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 6px; font-weight: bold;color: brown;font-size: 17px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 30px;padding-left: 13px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 20px;}

   }


   @media screen and (min-width:390px) {
    #date {color: white;font-size: 15px;position: absolute;padding-left: 210px;padding-top: 20px;}
    .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 50px;color: brown;} 
    
    .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 50px; margin-right: 40px; font-weight: bold;}
 
    .banner {
     width: 280px;
     height: 320px;
     padding-left: 55px;
     position: absolute;
   
    }


     .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 40px; margin-right: 50px;font-weight: bolder;}
 
    
    .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:40px ;background-color: white;}
 
    .image {
     width: 300px;
     height: 250px;
     padding-left: 40px;
     position: absolute;
   
    }
 
    .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 55px; margin-right: 40px;font-weight: bold;}
 
    .w6-black a {position:absolute; margin-left: 55px;  margin-top: 300px; color: brown;background-color: white;}
    
 
    .image2 {
     width: 280px;
     height: 320px;
     padding-left: 55px;
     position: absolute;
   
    }
 
    .w7-black{
     width: 100%;
     height: 210px;
     background-color:rgb(241, 175, 137);    
     margin-bottom: 10px;
     padding-top: 10px;
    }
 
    .w7-black p { color:white;  line-height: 25px; font-weight: bold;}
 
    .w7-black a { margin-left: 5px;  margin-top: 300px; color: brown;background-color: white;}
 
    .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
    .latest h2 {background-color:brown; padding-left: 80px;margin-bottom: 10px;color:white; }
    .latest a{color: white;}
 
    .sharethis-inline-share-buttons {
     display:flex;
     margin-top: 50px;
    }
 
    /*News Story*/
    .news-Story h3 {
      padding-left: 15px;
      padding-right: 40px;
      color: black;
     }
  
     /*About Us*/
     #about p {
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px;
      text-align: justify;
      line-height: 25px;
    }
    .list li{
      line-height: 25px;
  }
     .image4 {
      
      padding-left: 40px;
      
     }

     /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 60px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 240px;float: left;margin-left: 0;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 6px; font-weight: bold;color: brown;font-size: 17px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 30px;padding-left: 13px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 30px;}

  
   }

   @media screen and (min-width:411px) {
    header img {
        padding-left: 20px; 
    }
    
    header h3 {
        padding-left: 150px; 
    }
    
    header h4 {
        padding-left: 170px; 
    }
    
    #date {color: white;font-size: 15px;position: absolute;padding-left: 240px;padding-top: 20px;}  
     
   .banner {
    padding-left: 70px;
   }

   .w4-black p a{margin-left: 50px; margin-right: 70px;}
   
   .show-date { margin-left:50px ;}

   .image {
    width: 300px;
    height: 250px;
    padding-left: 50px;
    position: absolute;
  
   }

   #health {padding-left: 125px;}
   .w6-black p { margin-left: 70px; margin-right: 50px;font-weight: bold;}

   .w6-black a { margin-left: 70px; }
   

   .image2 {
    padding-left: 70px;
    
   }
   /*Contact Us*/
   .contact-Us div {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 110px;
    color: black;
    background-color: beige;
    width: 200px;
    height: 100px;
    text-align: center;
   }

   /*News Section*/
  
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 45px;}
  }

  @media screen and (min-width:480px) {
    header img {
        padding-left: 20px; 
    }
    
    header h3 {
        padding-left: 160px; 
    }
    
    header h4 {
        padding-left: 180px; 
    }
    
    #date {color: white;font-size: 15px;position: absolute;padding-left: 260px;padding-top: 20px;}  
    .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 100px;color: brown;} 
    
    .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 100px; margin-right: 40px; font-weight: bold;}
 
    .banner {
     width: 280px;
     height: 320px;
     padding-left: 100px;
     position: absolute;
   
    }


     .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 80px; margin-right: 100px;font-weight: bolder;}
 
    
    .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:80px ;background-color: white;}
 
    .image {
     width: 300px;
     height: 250px;
     padding-left: 80px;
     position: absolute;
   
    }
 
   
   #health {
     font-weight: bolder;
     padding-top: 15px;
     padding-bottom: 10px;
     padding-left: 140px;
 
    }
    .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 100px; margin-right: 80px;font-weight: bold;}
 
    .w6-black a {position:absolute; margin-left: 100px;  margin-top: 300px; color: brown;background-color: white;}
    
 
    .image2 {
     width: 280px;
     height: 320px;
     padding-left: 100px;
     position: absolute;
   
    }
 
    .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
    .latest h2 {background-color:brown; padding-left: 140px;margin-bottom: 10px;color:white; }
    .latest a{color: white;}
 
    /*Contact Us*/
    .contact-Us div {
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 150px;
      color: black;
      background-color: beige;
      width: 200px;
      height: 100px;
      text-align: center;
     }

     /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 90px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 120px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 240px;float: left;margin-left: 20px;height: 120px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 6px; font-weight: bold;color: brown;font-size: 17px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 30px;padding-left: 13px;}
  #news-Sec2 img {width: 105px;height: 120px;padding-left: 90px;}
  
  }

  @media screen and (min-width:540px) {
    header img {
        padding-left: 30px; 
    }
    
    header h3 {
        padding-left: 180px; 
    }
    
    header h4 {
        padding-left: 200px; 
    }
    
    #date {color: white;font-size: 15px;position: absolute;padding-left: 340px;padding-top: 20px;}
    .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 140px;color: brown;} 
    
    .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 140px; margin-right: 40px; font-weight: bold;}
 
    .banner {
     width: 280px;
     height: 320px;
     padding-left: 140px;
     position: absolute;
   
    }

    .w4-black {margin-bottom: 20px;}
     .w4-black p a{position: absolute; color:white; margin-top: 140px; line-height: 25px; margin-left: 110px; margin-right: 130px;font-weight: bolder;}
 
    
    .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 230px; margin-left:110px ;background-color: white;}
 
    .image {
     width: 300px;
     height: 250px;
     padding-left: 110px;
     position: absolute;
   
    }
 
    .w5-black{
     width: 100%;
     height: 240px;
     background-color:rgb(241, 175, 137);    
     margin-bottom: 20px;
     padding-top: 12px;
    }
 
    .w5-black h4 { background-color: white; margin-top: 180px; margin-left: 30px;position: absolute;float: left;color: brown;} 
 
    .w5-black p a{ color:white;  line-height: 35px; font-weight: bold;}
    .show-date2 { color: black;font-size: 18px;padding-top: 50px;}
 
 
    .image1 {
     width: 50%;
     height: 230px;
     padding-left: 15px;
     padding-right: 20px;
     float: left;
     
    }
 
    .w6-black{
     width: 100%;
     height: 320px;
     background-color:rgb(241, 175, 137);
     margin-bottom: 20px;
    }
 
   #health {
     font-weight: bolder;
     padding-top: 15px;
     padding-bottom: 10px;
     padding-left: 200px;
 
    }
    .w6-black p {position: absolute; color:white; margin-top: 210px; line-height: 30px; margin-left: 140px; margin-right: 80px;font-weight: bold;}
 
    .w6-black a {position:absolute; margin-left: 140px;  margin-top: 300px; color: brown;background-color: white;}
    
 
    .image2 {
     width: 280px;
     height: 320px;
     padding-left: 140px;
     position: absolute;
   
    }
 
    .w7-black{
     width: 100%;
     height: 240px;
     background-color:rgb(241, 175, 137);    
     margin-bottom: 20px;
     padding-top: 10px;
    }
 
    .w7-black p { color:white;  line-height: 25px; font-weight: bold;}
 
    .w7-black a { margin-left: 5px;  margin-top: 300px; color: brown;background-color: white;}
 
    .latest {width: 90%;     background-color:rgb(241, 175, 137); height: 120px; margin-left: 20px;margin-top: 20px;}
    .latest h2 {background-color:brown; padding-left: 180px;margin-bottom: 10px;color:white; }
    .latest a{color: white;}
 
 
    .image4 {padding-left: 50px;}

     .test-Story h3 {
      font-weight: bolder;
      padding-left: 40px;
      padding-right: 80px;
      font-size: 24px;
     }
  
     .test-Story h4 { padding-bottom: 20px;padding-left: 40px;
     }
  
     
    .test-Story article p {
      font-size: 18px;
      line-height: 60px;
    }
  
    #testStory{
      width: 100%; height: 400px; background-color: black; margin-top: 50px;text-align: center;
     }


     /*Contact Us*/
     .contact-Us div {
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 180px;
      color: black;
      background-color: beige;
      width: 200px;
      height: 100px;
      text-align: center;
     }
 
     .contact-Us div h2 {padding-top: 30px;font-size: 30px;}
 
     .contact-Us p {font-size: 18px;padding-bottom: 15px;padding-left: 30px;}
  
     .contact-Us h3 {padding-left: 30px;padding-bottom: 10px;padding-top: 20px;color: brown;}

     /*About us*/

  
  #about p {
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: justify;
    line-height: 35px;
    font-size: 20px;
  }

  #about h3, h4 {
    padding-top: 0px;
    padding-left: 25px;
    padding-bottom: 15px;
    font-size: 25px;
  }

  
  #about img {
    width: 280px;
    height: 320px;
    padding-left: 25px;
    padding-bottom: 20px;
    
  
   }

  .list {
    margin-left: 25px;
    margin-bottom: 10px;
    
  }

  .list li{padding-bottom: 10px;padding-right: 20px;font-size: 20px;line-height: 35px;}

  /*News Section*/
  #news-Sec1 {width: 300px;height: 410px;margin-left: 130px;margin-bottom: 50px;}
  #news-Sec1 img {width: 300px;height: 300px;padding-top: 10px;}
  #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 22px;color: black;}

  #news-Sec2 {width: 100%;height: 150px;margin-bottom: 30px;}
  #news-Sec2 .mid-news-Sec2 {width: 300px;float: left;margin-left: 20px;height: 150px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 6px; font-weight: bolder;color: brown;font-size: 17px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 30px;padding-left: 25px;font-weight: bolder;}
  #news-Sec2 img {width: 125px;height: 150px;padding-left: 70px;}
 
     }
  
     @media screen and (min-width:712px) {
     
      header {
        width:100%; 
        height: 240px; 
      }
      
      
      header h3:first-letter {font-size: 90px;
      }
      
      header img {
        width: 200px; 
        height: 200px; 
        padding-left: 20px; 
        padding-top: 20px;
      }
      
      header h3 {
        padding-left: 235px;  
        font-weight:bold; 
        padding-top: 10px;
        font-size: 30px;
      }
      
      header h4 {
        padding-left: 280px; 
        padding-top: 110px; 
        font-weight: 500;
        font-size: 25px;
        color: black;
      }
      
      #date {font-size: 25px;padding-left: 400px;padding-top: 35px;font-weight:400;color: white;}
      
      
      #sidebar {
        display:none;
      }
      
      #sidebar #closebar {
        display: none;
        
      }
      
      #search {
        width: 300px;
        margin-top: 450px;
        font-size: 30px;
        margin-left: 250px;
        height: 50px;
        padding-left: 5px;
      }
      
      .card-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 1rem;
        margin-top: 550px;
        position: absolute;
        
      }
      .card h3 {font-size: 1.5rem;}
      .card p {font-size: 20px;}
      
      .menu {display: block;margin-top: 270px;background-color: white; width:100%; position: absolute;
        height: 150px;text-align: center;
      }
      
      .menu a{padding-left: 10px; color:goldenrod ; text-decoration: none;font-size: 25px;padding-right: 10px;padding-bottom: 20px;font-weight: bold;}
      
      #openbar {
        display: none;
      }
      
       #content {
        width: 100%;
        margin-top: 550px;
        position: absolute;
       }

       #content2 {
        width: 100%;
        margin-top: 430px;
       }

       .category h2 {
        font-weight: bolder;
        padding-top: 5px;
        padding-bottom: 20px;
        padding-left: 50px;
        color: brown;
        font-size: 30px;
       }
       
      
      .w3-black {height: 400px;}
       .w3-black h4 {position: absolute; background-color: white; margin-top: 160px; margin-left: 180px;color: brown;} 
    
       .w3-black p a{position: absolute; color:white; margin-top: 200px; line-height: 40px; margin-left: 180px; margin-right: 40px; font-weight: bold;}
    
       .banner {
        width: 380px;
        height: 400px;
        padding-left: 180px;
        position: absolute;
      
       }
   
       .w4-black {margin-bottom: 20px;height: 300px;}
        .w4-black p a{position: absolute; color:white; margin-top: 160px; line-height: 30px; margin-left: 200px; margin-right: 220px;font-weight: bolder;font-size: 20px;}
    
       
       .show-date {position: absolute; color:black; font-weight: bold;font-size: 18px;margin-top: 280px; margin-left:200px ;background-color: white;}
    
       .image {
        width: 300px;
        height: 300px;
        padding-left: 200px;
        position: absolute;
      
       }
    
       .w5-black{
        width: 100%;
        height: 260px;
        background-color:rgb(241, 175, 137);    
        margin-bottom: 20px;
        padding-top: 12px;
       }
    
       .w5-black h4 { background-color: white; margin-top: 180px; margin-left: 30px;position: absolute;float: left;color: brown;} 
    
       .w5-black p a{ color:white;  line-height: 35px; font-weight: bold;font-size: 20px;}
       .show-date2 { color: black;font-size: 18px;padding-top: 50px;font-size: 20px;}
    
    
       .image1 {
        width: 40%;
        height: 250px;
        padding-left: 15px;
        padding-right: 20px;
        float: left;
        
       }
    
       .w6-black{
        width: 100%;
        height: 400px;
        background-color:rgb(241, 175, 137);
        margin-bottom: 20px;
       }
    
      #health {
        font-weight: bolder;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 260px;
    
       }
       .w6-black p {position: absolute; color:white; margin-top: 240px; line-height: 30px; margin-left: 180px; margin-right: 120px;font-weight: bold;font-size: 20px;}
    
       .w6-black a {position:absolute; margin-left: 180px;  margin-top: 380px; color: brown;background-color: white;font-size: 20px;}
       
    
       .image2 {
        width: 380px;
        height: 400px;
        padding-left: 180px;
        position: absolute;
      
       }
    
       .w7-black{
        width: 100%;
        height: 260px;
        background-color:rgb(241, 175, 137);    
        margin-bottom: 20px;
        padding-top: 12px;
       }
    
       .w7-black p { color:white;  line-height: 35px; font-weight: bold;font-size: 20px;}
    
       .w7-black a { margin-left: 5px;  margin-top: 360px; color: brown;background-color: white;font-size: 20px;}
    
       .latest {width: 70%;     background-color:rgb(241, 175, 137); height: 140px; margin-left: 100px;margin-top: 50px;}
       .latest h2 {background-color:brown; padding-left: 180px;margin-bottom: 10px;color:white;font-size: 25px; }
       .latest a{color: white;font-size: 20px;}
    
       .test-Story h3 {
        font-weight: bolder;
        padding-left: 40px;
        padding-right: 110px;
        font-size: 30px;
       }
    
       .test-Story h4 { padding-bottom: 20px;padding-left: 40px;font-size: 22px;
       }
    
       .test-Story article {width: 600px;margin-left: 50px;}
      .test-Story article p {
        font-size: 24px;
        line-height: 60px;
      }
    
      #testStory{
        width: 100%; height: 450px; background-color: black; margin-top: 50px;text-align: center;
       }

       #testStory .testP {color: white;padding-bottom: 25px;padding-top: 20px;text-align: center;font-size: 18px;}
       #testStory .icon a img {width: 40px; height: 40px; padding-left: 25px;}
       #testStory #speMenu a {font-size: 20px; font-weight: bolder; color:white; padding-left: 5px; padding-bottom: 70px; text-decoration: none;}
       #testStory #purple a { padding-left: 20px;padding-bottom: 70px; color: white; text-decoration: none;font-size: 20px;}

       /*Contact Us*/
       .contact-Us div {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 180px;
        width: 400px;
        height: 200px;
       }
     
       .contact-Us div h2 {padding-top: 60px;font-size: 50px;color:brown;}
     
       .contact-Us p {font-size: 20px;padding-bottom: 30px;padding-left: 30px;font-weight: bold;}
     
       .contact-Us h3 {padding-left: 30px;padding-bottom: 30px;padding-top: 40px;font-size: 25px;font-weight: bold;}

       /*About us*/

  
  #about p {
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
    line-height: 40px;
    font-size: 20px;

  }

  #about h3, h4 {
    padding-top: 0px;
    padding-left: 30px;
    padding-bottom: 15px;
    font-size: 25px;
  }

  
  #about img {
    width: 280px;
    height: 320px;
    padding-left: 30px;
    padding-bottom: 20px;
    
  
   }

  .list {
    margin-left: 40px;
    margin-bottom: 10px;
    
  }

  .list li{padding-bottom: 20px;padding-right: 30px;font-size: 20px;line-height: 40px;}

    /*News Section*/
    #news-Sec1 {width: 410px;height: 600px;margin-left: 150px;margin-bottom: 50px;}
    #news-Sec1 img {width: 410px;height: 480px;padding-top: 10px;}
    #news-Sec1 h3 a{line-height: 30px; font-weight: bold;font-size: 25px;color: black;}
  
    #news-Sec2 {width: 100%;height: 200px;margin-bottom: 50px;}
    #news-Sec2 .mid-news-Sec2 {width: 400px;float: left;margin-left: 20px;height: 200px;}
    #news-Sec2 .mid-news-Sec2 h4 a{line-height: 6px; font-weight: bolder;color: brown;font-size: 20px;}
    #news-Sec2 .mid-news-Sec2 p {padding-top: 70px;padding-left: 30px;font-weight: bolder;font-size: 25px;}
    #news-Sec2 img {width: 200px;height: 200px;padding-left: 60px;}
  
    .news-Sec{background-color: white; position: absolute; width:100%;}
  .news-Sec h2 {
    font-size: 30px;
    font-weight: bolder;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 30px;
    color: brown;
   }


       
       }
    
   @media screen and (min-width:768px) { 
header {
  width:100%; 
  height: 260px; 
}


header h3:first-letter {font-size: 90px;
}

header img {
  width: 220px; 
  height: 220px; 
  padding-left: 25px; 
  padding-top: 20px;
}

header h3 {
  padding-left: 265px;  
  font-weight:bold; 
  padding-top: 15px;
  font-size: 40px;
}

header h4 {
  padding-left: 300px; 
  padding-top: 130px; 
  font-weight: 500;
  font-size: 30px;
  color: black;
}

#date {font-size: 25px;padding-left: 470px;padding-top: 35px;font-weight:400;color: white;}


#sidebar {
  display:none;
}

#sidebar #closebar {
  display: none;
  
}

#search {
  width: 300px;
  margin-top: 500px;
  font-size: 30px;
  margin-left: 250px;
  height: 50px;
  padding-left: 5px;
}

.card-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  margin-top: 550px;
  position: absolute;
  
}
.card h3 {font-size: 1.5rem;}
.card p {font-size: 20px;}

.menu {display: block;margin-top: 300px;background-color: white; width:100%; position: absolute;
  height: 150px;text-align: center;
}

.menu a{padding-left: 20px; color:goldenrod ; text-decoration: none;font-size: 28px;padding-right: 15px;padding-bottom: 30px;font-weight: bold;}

#openbar {
  display: none;
}

 #content {
  width: 100%;
  margin-top: 600px;
  position: absolute;
 }

 #content2 {
  margin-top: 530px;
 }

 .category {background-color: white; position: absolute; width:100%; height: 2700px;}
 .category h2 {
  padding-left: 50px;
  color: brown;
  font-size: 40px;
 }

 .w3-black{
  width: 100%;
  height: 600px;
  background-color:white;
  margin-bottom: 20px;
 }

 .w3-black h4 {margin-top: 385px; margin-left: 130px;font-size: 30px;} 

 .w3-black p a{margin-top: 450px; margin-left: 130px; margin-right: 150px; font-size: 25px;color:white;font-weight: bolder;}

 .banner {
  width: 500px;
  height: 600px;
  padding-left: 130px;
  position: absolute;

 }

 .w4-black{
  width: 100%;
  height: 450px;
  background-color:white;  
  margin-bottom: 30px;
 }

 .w4-black h4 { margin-top: 180px; margin-left: 130px;font-size: 30px;} 

 .w4-black p a{margin-top: 250px; margin-left: 130px; margin-right: 190px;font-weight: bolder;font-size: 25px;line-height: 50px;}

 .show-date {color: brown; font-weight: bold;font-size: 25px;margin-top: 420px; margin-left:130px;}

 .image {
  width: 450px;
  height: 450px;
  padding-left: 130px;

 }

 .w5-black{
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
  padding-top: 20px;
  background-color: white;
 }

 .w5-black h4 { margin-top: 345px; margin-left: 40px;float: left;font-size: 30px;} 

 .w5-black p a{ line-height: 50px; font-size: 25px;color: brown;}

 .show-date2 {font-size: 25px;margin-top: 40px;}

 .image1 {
  width: 350px;
  height: 380px;
  padding-left: 40px;
  padding-right: 30px;
  float: left;
  
 }

 .w6-black{
  width: 100%;
  height: 600px;
  margin-bottom: 30px;
  background-color:white;
 }

#health {
  font-weight: bolder;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 220px;

 }
 .w6-black p { margin-top: 340px; line-height: 60px; margin-left: 130px; margin-right: 150px;font-weight: bold;font-size: 30px;}

 .w6-black a {margin-left: 130px;  margin-top: 560px;font-size: 35px;}
 

 .image2 {
  width: 500px;
  height: 600px;
  padding-left: 130px;
 }

 .w7-black{
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
  padding-top: 20px;
  background-color:white;
 }

 .w7-black p { line-height: 50px; font-weight: bold;font-size: 25px;color: brown;}

 .w7-black a { margin-left: 5px;  margin-top: 300px; font-size: 30px;background-color: rgb(241, 175, 137);color:black}

 .latest {width: 600px; height: 200px; margin-left: 90px;margin-top: 40px;}
 .latest h2 {background-color:brown; padding-left: 160px;margin-bottom: 10px;color:white;font-size: 44px; }
 .latest a{color: white;font-size: 30px;}

 
/*NEWS SECTION*/
#news-Sec1 {width: 600px;height: 800px;margin-left: 70px;margin-bottom: 130px;}
  #news-Sec1 img {width: 500px;
    height: 600px;
    padding-left: 50px;
    padding-top: 20px;
  }
  #news-Sec1 h3 a{line-height: 50px; font-weight: bolder;font-size: 30px;padding-right: 140px;}

  #news-Sec2 {width: 100%;height: 240px;margin-bottom: 40px;}
  #news-Sec2 .mid-news-Sec2 {width:500px;float: left;margin-left: 10px;height: 240px;}
  #news-Sec2 .mid-news-Sec2 h4 a{line-height: 50px; font-weight: bold;font-size: 30px;padding-right: 100px;padding-top: 20px;}
  #news-Sec2 .mid-news-Sec2 p {padding-top: 50px;font-size: 25px;padding-left: 20px;}
  #news-Sec2 img {width: 200px;height: 240px;padding-left: 50px;}

  .news-Sec{ width:100%;}
  .news-Sec h2 {
    font-size: 40px;
    font-weight: bolder;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    
   }

/*About us*/

.About-Us {background-color: white; position: absolute; width:100%;}

#about {
  width:600px;
  padding-top: 40px;
  margin-left: 90px;
}

#about p {
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 25px;
  line-height: 60px;
}

#about h3, h4 {
  font-size: 30px;
  color:brown;
  font-weight: bolder;
}


#about img {
  width: 500px;
  height: 600px;
  margin-top: 20px;
  margin-bottom: 20px;

 }

.list {
  font-size: 25px;
  padding-top: 20px;
  line-height: 40px;
}

.list li{
  line-height: 60px;
}

 /*Contact Us*/


 .contact-Us div {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 20px;
   margin-left: 180px;
   width: 400px;
   height: 200px;
  }

  .contact-Us div h2 {padding-top: 60px;font-size: 50px;color:brown;}

  .contact-Us p {font-size: 25px;padding-bottom: 30px;padding-left: 30px;font-weight: bold;}

  .contact-Us h3 {padding-left: 30px;padding-bottom: 30px;padding-top: 40px;font-size: 30px;font-weight: bold;}

   /*News Story*/
   .news-Story{ width:600px;margin-left: 80px;}

   .test-Story{width:100%;}
  .test-Story h3 {
    font-weight: bolder;
    padding-left: 110px;
    padding-right: 80px;
    font-size: 30px;
   }

   .test-Story h4 { padding-bottom: 20px;padding-left: 110px;
   }

   .test-Story article {width: 600px; margin-left: 80px;}
  .test-Story article p {
    font-size: 28px;
    line-height: 60px;
  }

   #testStory{
    width: 100%; height: 550px; background-color: black; margin-top: 50px;text-align: center;
   }
   #testStory nav {margin-bottom: 30px;}
   #testStory .testP {color: white;padding-bottom: 30px;padding-top: 10px;font-size: 25px;}
   #testStory .icon a img {width: 60px; height: 60px; padding-left: 40px;}
   #testStory #speMenu a {font-size: 28px; font-weight: bolder; color:white; padding-left: 30px; padding-bottom: 50px;}
   #testStory #purple a {  padding-left: 20px;padding-bottom: 50px; color: white; text-decoration: none;font-size: 28px;}

  .news-Story h3 {
    font-weight: bolder;
    padding-left: 30px;
    padding-right: 80px;
    font-size: 30px;
   }

   .image4 {
    width: 400px;
    height: 450px;
    padding-left: 100px;
    padding-bottom: 40px;
    padding-top: 30px;
   }

   .news-Story h4 { padding-bottom: 20px;padding-left: 30px;
   }

   
  .news-Story article p {
    font-size: 28px;
    line-height: 60px;
  }

  
   }   

   @media screen and (min-width:800px) { 
    header img {
      padding-left: 30px; 
      padding-top: 20px;
    }
    
    header h3 {
      padding-left: 280px;  
      font-weight:bold; 
      padding-top: 15px;
      font-size: 40px;
    }
    
    header h4 {
      padding-left: 340px; 
      padding-top: 130px; 
      font-weight: 500;
      font-size: 30px;
      color: black;
    }
    
    #date {font-size: 25px;padding-left: 520px;padding-top: 35px;font-weight:400;color: white;}
    
    
    #sidebar {
      display:none;
    }
    
    #sidebar #closebar {
      display: none;
      
    }
    
    #search {
      width: 300px;
      margin-top: 470px;
      font-size: 30px;
      margin-left: 250px;
      height: 50px;
      padding-left: 5px;
    }
    
    .card-grid {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 1rem;
      margin-top: 550px;
      position: absolute;
      
    }
    .card h3 {font-size: 1.5rem;}
    .card p {font-size: 20px;}
    
    .menu {display: block;margin-top: 300px;background-color: white; width:100%; position: absolute;
      height: 150px;text-align: center;
    }
    
    .menu a{padding-left: 20px; color:goldenrod ; text-decoration: none;font-size: 28px;padding-right: 15px;padding-bottom: 30px;font-weight: bold;}
    
    #openbar {
      display: none;
    }
    
    
     #content {
      width: 100%;
      margin-top: 550px;
      position: absolute;
     }

     #content2 {
      width: 100%;
      margin-top: 490px;
      position: absolute;
     }
    
     .category {background-color: white; position: absolute; width:100%; height: 2700px;}
     .category h2 {
      padding-left: 50px;
      color: brown;
      font-size: 40px;
     }
    
     .w3-black{
      width: 100%;
      height: 600px;
      background-color:white;
      margin-bottom: 20px;
     }
    
     .w3-black h4 {margin-top: 385px; margin-left: 130px;font-size: 30px;} 
    
     .w3-black p a{margin-top: 450px; margin-left: 130px; margin-right: 150px; font-size: 25px;color:white;font-weight: bolder;}
    
     .banner {
      width: 500px;
      height: 600px;
      padding-left: 130px;
      position: absolute;
    
     }
    
     .w4-black{
      width: 100%;
      height: 450px;
      background-color:white;  
      margin-bottom: 30px;
     }
    
     .w4-black h4 { margin-top: 180px; margin-left: 130px;font-size: 30px;} 
    
     .w4-black p a{margin-top: 250px; margin-left: 130px; margin-right: 210px;font-weight: bolder;font-size: 25px;line-height: 50px;}

     .show-date {color: brown; font-weight: bold;font-size: 25px;margin-top: 420px; margin-left:130px;}
    
     .image {
      width: 450px;
      height: 450px;
      padding-left: 130px;
    
     }
    
     .w5-black{
      width: 100%;
      height: 400px;
      margin-bottom: 20px;
      padding-top: 20px;
      background-color: white;
     }
    
     .w5-black h4 { margin-top: 345px; margin-left: 40px;float: left;font-size: 30px;} 
    
     .w5-black p a{ line-height: 50px; font-size: 25px;color: brown;}
    
     .show-date2 {font-size: 25px;margin-top: 40px;}
    
     .image1 {
      width: 350px;
      height: 380px;
      padding-left: 40px;
      padding-right: 30px;
      float: left;
      
     }
    
     .w6-black{
      width: 100%;
      height: 600px;
      margin-bottom: 30px;
      background-color:white;
     }
    
    #health {
      font-weight: bolder;
      padding-top: 15px;
      padding-bottom: 10px;
      padding-left: 220px;
    
     }
      .w6-black p { margin-top: 340px; line-height: 60px; margin-left: 130px; margin-right: 170px;font-weight: bold;font-size: 30px;}

     .w6-black a {margin-left: 130px;  margin-top: 560px;font-size: 35px;}
     
    
     .image2 {
      width: 500px;
      height: 600px;
      padding-left: 130px;
     }
    
     .w7-black{
      width: 100%;
      height: 400px;
      margin-bottom: 20px;
      padding-top: 20px;
      background-color:white;
     }
    
     .w7-black p { line-height: 50px; font-weight: bold;font-size: 25px;color: brown;}
    
     .w7-black a { margin-left: 5px;  margin-top: 300px; font-size: 30px;background-color: rgb(241, 175, 137);color:black}
    
     .latest {width: 600px; height: 200px; margin-left: 90px;margin-top: 40px;}
     .latest h2 {background-color:brown; padding-left: 160px;margin-bottom: 10px;color:white;font-size: 44px; }
     .latest a{color: white;font-size: 30px;}
    
     .sharethis-inline-share-buttons {
      display:flex;
      margin-top: 100px;
     }
    
     footer{
      width: 100%; height: 570px;margin-top: 5800px;text-align: center;
     }
    /*NEWS SECTION*/
    #news-Sec1 {width: 600px;height: 800px;margin-left: 120px;margin-bottom: 130px;}
      #news-Sec1 img {width: 500px;
        height: 600px;
        padding-left: 50px;
        padding-top: 20px;
      }
      #news-Sec1 h3 a{line-height: 50px; font-weight: bolder;font-size: 30px;padding-right: 140px;}
    
      #news-Sec2 {width: 100%;height: 240px;margin-bottom: 40px;}
      #news-Sec2 .mid-news-Sec2 {width:500px;float: left;margin-left: 10px;height: 240px;}
      #news-Sec2 .mid-news-Sec2 h4 a{line-height: 50px; font-weight: bold;font-size: 30px;padding-right: 100px;padding-top: 20px;}
      #news-Sec2 .mid-news-Sec2 p {padding-top: 50px;font-size: 25px;padding-left: 20px;}
      #news-Sec2 img {width: 200px;height: 240px;padding-left: 50px;}
    
      .news-Sec{ width:100%;}
      .news-Sec h2 {
        font-size: 40px;
        font-weight: bolder;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 60px;
        
       }
    
    /*About us*/
    
    .About-Us {background-color: white; position: absolute; width:100%;}
    
    #about {
      width:600px;
      padding-top: 40px;
      margin-left: 100px;
    
    }
    
    #about p {
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 25px;
      line-height: 50px;
    }
    
    #about h3, h4 {
      font-size: 30px;
      color:brown;
      font-weight: bolder;
    }
    
    
    #about img {
      width: 500px;
      height: 600px;
      margin-top: 20px;
      margin-bottom: 20px;
    
     }
    
    .list {
      font-size: 25px;
      padding-top: 20px;
      line-height: 40px;
    }
    .list li{
      line-height: 50px;
  }
    
    
     /*Contact Us*/
     .contact-Us div {
      font-weight: bold;
      margin-top: 10px;
      margin-bottom: 20px;
      margin-left: 190px;
      width: 400px;
      height: 200px;
     }
   
     .contact-Us div h2 {padding-top: 60px;font-size: 50px;color:brown;}
   
     .contact-Us p {font-size: 25px;padding-bottom: 30px;padding-left: 40px;font-weight: bold;}
   
     .contact-Us h3 {padding-left: 40px;padding-bottom: 30px;padding-top: 40px;font-size: 30px;font-weight: bold;}
    
       /*News Story*/
       .news-Story{ width:600px;margin-left: 110px;}
      .news-Story h3 {
        font-weight: bolder;
        padding-left: 30px;
        padding-right: 80px;
        font-size: 30px;
       }
    
       .image4 {
        width: 400px;
        height: 450px;
        padding-left: 140px;
        padding-bottom: 40px;
        padding-top: 30px;
       }
    
       .news-Story h4 { padding-bottom: 20px;padding-left: 30px;
       }
    
       
      .news-Story article p {
        font-size: 28px;
        line-height: 60px;
      }

      .test-Story h3 {
        font-weight: bolder;
        padding-left: 140px;
        padding-right: 80px;
        font-size: 30px;
       }
    
       .test-Story h4 { padding-bottom: 20px;padding-left: 140px;
       }
    
       .test-Story article {width: 600px; margin-left: 110px;}
      .test-Story article p {
        font-size: 28px;
        line-height: 60px;
      }
    
      #testStory{
        width: 100%; height: 550px; background-color: black; margin-top: 50px;text-align: center;
       }
     }

     @media screen and (min-width:912px) { 
     
      
      header img {
        padding-left: 30px; 
        padding-top: 20px;
      }
      
      header h3 {
        padding-left: 280px;  
        font-weight:bold; 
        padding-top: 15px;
        font-size: 40px;
      }
      
      header h4 {
        padding-left: 340px; 
        padding-top: 130px; 
        font-weight: 500;
        font-size: 30px;
        color: black;
      }
      
      #date {font-size: 25px;padding-left: 580px;padding-top: 35px;font-weight:400;color: white;}
      
      
      #sidebar {
        display:none;
      }
      
      #sidebar #closebar {
        display: none;
        
      }
      
      #search {
        width: 400px;
        margin-top: 470px;
        font-size: 30px;
        margin-left: 270px;
        height: 50px;
        padding-left: 5px;
      }
      
      .card-grid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 1rem;
        margin-top: 550px;
        position: absolute;
        
      }
      .card h3 {font-size: 1.5rem;}
      .card p {font-size: 20px;}
      
      .menu {display: block;margin-top: 300px;background-color: white; width:100%; position: absolute;
        height: 150px;text-align: center;
      }
      
      .menu a{padding-left: 20px; color:goldenrod ; text-decoration: none;font-size: 28px;padding-right: 15px;padding-bottom: 30px;font-weight: bold;}
      
      #openbar {
        display: none;
      }
      
      
       #content {
        width: 100%;
        margin-top: 550px;
        position: absolute;
       }
      
       .category {background-color: white; position: absolute; width:100%; height: 2700px;}
       .category h2 {
        padding-left: 50px;
        color: brown;
        font-size: 40px;
       }
      
       .w3-black{
        width: 100%;
        height: 600px;
        background-color:white;
        margin-bottom: 20px;
       }
      
       .w3-black h4 {margin-top: 385px; margin-left: 220px;font-size: 30px;} 
      
       .w3-black p a{margin-top: 450px; margin-left: 220px; margin-right: 150px; font-size: 25px;color:white;font-weight: bolder;}
      
       .banner {
        width: 500px;
        height: 600px;
        padding-left: 220px;
        position: absolute;
      
       }
      
       .w4-black{
        width: 100%;
        height: 450px;
        background-color:white;  
        margin-bottom: 40px;
       }
      
       .w4-black h4 { margin-top: 180px; margin-left: 130px;font-size: 30px;} 
      
       .w4-black p a{margin-top: 250px; margin-left: 220px; margin-right: 260px;font-weight: bolder;font-size: 25px;line-height: 50px;}

       .show-date {color: brown; font-weight: bold;font-size: 25px;margin-top: 420px; margin-left:220px;}
      
       .image {
        width: 450px;
        height: 450px;
        padding-left: 220px;
      
       }
      
       .w5-black{
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
        padding-top: 20px;
        background-color: white;
       }
      
       .w5-black h4 { margin-top: 345px; margin-left: 30px;float: left;font-size: 30px;} 
      
       .w5-black p a{ line-height: 50px; font-size: 25px;color: brown;}
      
       .show-date2 {font-size: 25px;margin-top: 40px;}
      
       .image1 {
        width: 350px;
        height: 380px;
        padding-left: 40px;
        padding-right: 30px;
        float: left;
        
       }
      
       .w6-black{
        width: 100%;
        height: 600px;
        margin-bottom: 30px;
        background-color:white;
       }
      
      #health {
        font-weight: bolder;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 300px;
      
       }
        .w6-black p { margin-top: 340px; line-height: 60px; margin-left: 220px; margin-right: 190px;font-weight: bold;font-size: 30px;}

       .w6-black a {margin-left: 220px;  margin-top: 560px;font-size: 35px;}
       
      
       .image2 {
        width: 500px;
        height: 600px;
        padding-left: 220px;
       }
      
       .w7-black{
        width: 100%;
        height: 400px;
        margin-bottom: 20px;
        padding-top: 20px;
        background-color:white;
       }
      
       .w7-black p { line-height: 50px; font-weight: bold;font-size: 25px;color: brown;}
      
       .w7-black a { margin-left: 5px;  margin-top: 300px; font-size: 30px;background-color: rgb(241, 175, 137);color:black}
      
       .latest {width: 600px; height: 200px; margin-left: 140px;margin-top: 40px;}
       .latest h2 {background-color:brown; padding-left: 160px;margin-bottom: 10px;color:white;font-size: 44px; }
       .latest a{color: white;font-size: 30px;}
      
       
      /*NEWS SECTION*/
    #news-Sec1 {width: 600px;height: 800px;margin-left: 180px;margin-bottom: 130px;}
    #news-Sec1 img {width: 500px;
      height: 600px;
      padding-left: 50px;
      padding-top: 20px;
    }
    #news-Sec1 h3 a{line-height: 50px; font-weight: bolder;font-size: 30px;padding-right: 140px;}
  
    #news-Sec2 {width: 100%;height: 240px;margin-bottom: 40px;}
    #news-Sec2 .mid-news-Sec2 {width:500px;float: left;margin-left: 20px;height: 240px;}
    #news-Sec2 .mid-news-Sec2 h4 a{line-height: 50px; font-weight: bold;font-size: 30px;padding-right: 100px;padding-top: 20px;}
    #news-Sec2 .mid-news-Sec2 p {padding-top: 50px;font-size: 25px;padding-left: 30px;}
    #news-Sec2 img {width: 200px;height: 240px;padding-left: 140px;}
  
    .news-Sec{ width:100%;}
    .news-Sec h2 {
      font-size: 40px;
      font-weight: bolder;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-left: 60px;
      
     }
      
      /*About us*/
      
      .About-Us {background-color: white; position: absolute; width:100%;}
      
      #about {
        width:100%;
        padding-top: 40px;
        margin-left: 0;
      }
      
      #about p {
        padding-bottom: 20px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 25px;
        line-height: 60px;
      }
      
      #about h3, h4 {
        font-size: 30px;
        color:brown;
        font-weight: bolder;
      }
      
      
      #about img {
        width: 500px;
        height: 600px;
        margin-top: 30px;
        margin-bottom: 30px;
      
       }
      
      .list {
        font-size: 25px;
        padding-top: 20px;
        line-height: 30px;
      }
      .list li{
        line-height: 60px;
    }
      
      
       /*Contact Us*/
      
       .contact-Us div {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 270px;
        width: 400px;
        height: 200px;
       }
     
       .contact-Us div h2 {padding-top: 60px;font-size: 50px;color:brown;}
     
       .contact-Us p {font-size: 25px;padding-bottom: 30px;padding-left: 60px;font-weight: bold;}
     
       .contact-Us h3 {padding-left: 60px;padding-bottom: 30px;padding-top: 40px;font-size: 30px;font-weight: bold;}
         /*News Story*/
         .news-Story{ width:600px;margin-left: 140px;}
        .news-Story h3 {
          font-weight: bolder;
          padding-left: 30px;
          padding-right: 80px;
          font-size: 30px;
         }
      
         .image4 {
          width: 400px;
          height: 450px;
          padding-left: 190px;
          padding-bottom: 40px;
          padding-top: 30px;
         }
      
         .news-Story h4 { padding-bottom: 20px;padding-left: 30px;
         }
      
         
        .news-Story article p {
          font-size: 28px;
          line-height: 60px;
        }

        .test-Story h3 {
          font-weight: bolder;
          padding-left: 170px;
          padding-right: 80px;
          font-size: 30px;
         }
      
         .test-Story h4 { padding-bottom: 20px;padding-left: 170px;
         }
      
         .test-Story article {width: 600px; margin-left: 160px;}
        .test-Story article p {
          font-size: 28px;
          line-height: 60px;
        }
      
         }
      

   @media screen and (min-width:1000px) {
    header h3:first-letter {font-size: 100px;
    }
    
    header h3 {
      padding-left: 320px;  
      font-size: 50px;
    }
    
    header h4 {
      padding-left: 370px; 
      padding-top: 140px;  
    }

    #date {font-size: 25px;padding-left: 730px;padding-top: 25px;font-weight: 400;color: white;}

    
    #search {
      width: 300px;
      margin-top: 470px;
      font-size: 30px;
      margin-left: 370px;
      height: 50px;
      padding-left: 5px;
    }
    
    .menu {display: block;margin-top: 300px;background-color: white; width:100%; position: absolute;
      height: 150px;text-align: center;
    }
    
    .menu a{padding-left: 20px; color:goldenrod ; text-decoration: none;font-size: 28px;padding-right: 15px;padding-bottom: 30px;font-weight: bold;}

    
    
    
     .category {background-color: white; position: absolute; width:100%; height: 2700px;}
     .category h2 {
      margin-bottom: 50px;
      margin-top: 30px;
     }
    
     
     .banner {
      width: 500px;
      height: 600px;
      padding-left: 230px;
      position: absolute;
    
     }
    
     .w4-black{
      background-color:goldenrod;  
      }
    
     .w4-black p a{margin-right: 420px;}

    
     .w5-black{
      background-color: goldenrod;
     }

     .w5-black p {margin-right: 20px;}
     
     .w5-black p a{color: white;}
     .show-date2 {margin-top: 70px;}

    
     .w6-black{
        background-color:white;
     }
    
    #health {
      padding-left: 370px;
    
     }
     .w6-black p { margin-left: 220px; margin-right: 300px;color: white;}
    
     .w6-black a {margin-left: 220px;}
     
    
     .image2 {
      padding-left: 220px;
     }
    
     .w7-black{
      background-color:goldenrod;
     }
    
     .w7-black p { color:white;}
    
     .w7-black a { margin-left: 5px;  margin-top: 300px; font-size: 30px;background-color:white;}
    
     .latest {width: 800px; height: 200px; margin-left: 90px;margin-top: 80px;}
     .latest h2 {padding-left: 250px;margin-bottom: 10px;color:white;font-size: 44px; }

     .sharethis-inline-share-buttons {
      display:flex;
      margin-top: 120px;
     }
     #testStory{
      width: 100%; height: 500px; background-color: black; margin-top: 50px;text-align: center;
     }
     /*About Us*/
.About-Us {background-color: white; position: absolute; width:100%;}

#about {
  width:100%;
  padding-top: 40px;
  margin-left: 0px;

}

#about p {
  text-align: justify;
}


.list {
  padding-left: 20px;
}

 /*Contact Us*/

 .contact-Us{ width:100%;margin-left: 0px;}
 .contact-Us div {
   margin-bottom: 20px;
   margin-left: 330px;
  }


  .contact-Us p {padding-left: 40px;}

  .contact-Us h3 {padding-left: 40px;;}

   /*News Story*/
   .news-Story{width:1000px;margin-left: 0px;}
  .news-Story h3 {
    padding-left: 20px;
    padding-right: 0px;
   }

   .image4 {
    padding-left: 100px;
   }

   .news-Story h4 {padding-left: 20px;
   }

   
  .news-Story article p {
    
    padding-left: 20px;
    padding-right: 40px;
  }

 /*NEWS SECTION*/
 #news-Sec1 {width: 600px;height: 800px;margin-left: 180px;margin-bottom: 130px;}
 #news-Sec1 img {width: 500px;
   height: 600px;
   padding-left: 50px;
   padding-top: 20px;
 }
 #news-Sec1 h3 a{line-height: 50px; font-weight: bolder;font-size: 30px;padding-right: 140px;}

 #news-Sec2 {width: 100%;height: 240px;margin-bottom: 60px;}
 #news-Sec2 .mid-news-Sec2 {width:500px;float: left;margin-left: 20px;height: 240px;}
 #news-Sec2 .mid-news-Sec2 h4 a{line-height: 50px; font-weight: bold;font-size: 30px;padding-right: 100px;padding-top: 20px;}
 #news-Sec2 .mid-news-Sec2 p {padding-top: 50px;font-size: 25px;padding-left: 30px;}
 #news-Sec2 img {width: 200px;height: 240px;padding-left: 250px;}

 .news-Sec{ width:100%;}
 .news-Sec h2 {
   font-size: 40px;
   font-weight: bolder;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 60px;
   
  } 
  #testStory{
    width: 100%; height: 570px; background-color: black; margin-top: 50px;text-align: center;
   }
   }