body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
}

a{color:#000000;text-decoration: none}
a:hover{color:#000000;text-decoration: underline}

.header{margin-bottom: 40px;}
.footer{padding: 50px 0px;text-align: center;font-size: 12px}
.titletext{font-size: 24px;font-weight: bold;margin-bottom: 40px;}
.headtext{font-size: 36px;font-weight: bold;margin-bottom: 30px;line-height: 120%}
.bold{font-weight: bold}
.mT20{margin-top: 20px}
.imgsize{width: 100%;max-width: 300px;height: 100px}
.content{max-width:800px;margin:auto;font-size: 16px;line-height: 150%}

/* Container */
.container{
  max-width:1000px;
  margin:auto;
  padding:20px;
  line-height: 120%
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;    
}

@media (max-width: 992px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .grid-container {
        grid-template-columns: 1fr;
    }