.article-p::first-letter {
    font-family: Verdana;
    /* color: #ff5e00; */
    float: left;
    font-size: 3.2em;
    line-height: 0.8em;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-top: 2px;
  }
  .articlebanner{
    width: 100%;
  }
  .hr{
      background-color: grey;
      width: 100%;
      margin-bottom: 30px;
  }
  .articleLink{
   font-family: Verdana;
   font-weight: bold;
   }
    
   .articlecontainer{
       height: 400px;
       overflow-y: hidden;
   }
   .articleLinkH2{

   font-family: Verdana;
   color: white !important;
   margin-top: -75px;
   margin-bottom: 60px;
   font-size: 2em;
   }
   .articleHidden{
       display: none;
       height: 0px !important;
       margin-top: -50px !important;
       margin-bottom: 0px !important;

   }

   
@media(max-width: 1920px){ 
   
    .articlecontainer{
        height: 370px;
        overflow-y: hidden;
    }


}
@media(max-width: 1366px){ 
   
        .articlecontainer{
            height: 300px;

        }
        .articleLinkH2{

            margin-top: -60px;
            margin-bottom: 45px;

            }    

}
@media(max-width: 1024px){   

    .articlecontainer{
        height: unset;
        overflow-y: unset;
    }
    .articleLinkH2{
        margin-top: 30px !important;
        font-family: Verdana;
        font-weight: normal;
        margin-top: unset;
        margin-bottom: unset ;
        color: var(--h2-font-color) !important;
        font-size: var(--font-size-h2) !important;
    }
}

@media(max-width: 768px){


}