.hd2columns
{
   display : flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: stretch;
   justify-content: space-between;
}

@media (max-width: 480px) 
{
   .hdLatestNews, .hdNotice
   {
      flex-basis : 100%;
      margin : 2rem 0;
   }
}
@media (min-width: 481px) and (max-width: 767px) 
{
   .hdLatestNews, .hdNotice
   {
      flex-basis : 100%;
      margin : 2rem 0;
   }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   .hdLatestNews, .hdNotice
   {
      flex-basis : 100%;
      margin : 2rem 0;
   }
}
@media (min-width: 980px.) and (max-width:1199px) 
{
   .hd2columns
   {
      flex-wrap: nowrap;
   }
   .hdLatestNews, .hdNotice
   {
      flex-basis : 50%;
      flex-shrink: 1;
      flex-grow: 0;
      margin : 2rem 0;
   }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
   .hd2columns
   {
      flex-wrap: nowrap;
   }
   .hdLatestNews, .hdNotice
   {
      flex-basis : 50%;
      flex-shrink: 1;
      flex-grow: 0;
      margin : 2rem 0;
   }
}
@media (min-width: 1920px) 
{
   .hd2columns
   {
      flex-wrap: nowrap;
   }
   .hdLatestNews, .hdNotice
   {
      flex-basis : 50%;
      flex-shrink: 1;
      flex-grow: 0;
      margin : 2rem 0;
   }
}
@container (max-width: 480px) {}
@container (min-width: 481px) and (max-width: 767px) {}
@container (min-width: 768px) and (max-width: 979px) {}
@container (min-width: 980px) and (max-width:1199px) {}
@container (min-width: 1200px) and (max-width:1919px) {}
@container (min-width: 1920px) {}
@container (max-width: 480px) {}
@container (min-width: 481px) and (max-width: 767px) {}
@container (min-width: 768px) and (max-width: 979px) {}
@container (min-width: 980px) and (max-width:1199px) {}
@container (min-width: 1200px) and (max-width:1919px) {}
@container (min-width: 1920px) {}
@media (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}
@media (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}