#govNewsWrapper {
     max-width: 100%;
     margin: auto;
     padding: 10px;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1.5;
     display: grid;
     grid-template-columns: 32% 32% 32%;
     grid-gap: 2%;
     padding-bottom: 30px;
     background-size: 100%;
}
@media only screen and (max-width: 1200px) {
     #govNewsWrapper {
          font-size: 14px;
     }
}
@media only screen and (max-width: 800px) {
     #govNewsWrapper {
          font-size: 18px;
          grid-template-columns: 100%;
          grid-gap: 0;
     }
}

.card-title {
     font-size: 120%;
     color: black;
     padding: 0;
     margin: 0;
}

.card {
     border: 1px solid lightgray;
     border-radius: 5px;
     display: inline-block;
     max-width: 100%;
     vertical-align: top;
     background-color: inherit;
}

.card-body {
     margin: 10px;
}
.imageWrapper {
     margin: 0 auto;
     padding: 0;
     min-height: 175px;
     min-width: 175px;
     height: 175px;
     width: 175px;
     max-height: 175px;
     max-width: 175px;
}
.card-img {
     width: 95%;
     height: auto;
     max-width: 175px;
     max-height: 175px;
     display: block;
     margin: 10px auto;
}

.card-subtitle {
     color: gray;
     font-weight: bold;
     padding-bottom: 0;
     margin: 0;
     font-size: 90%;
}

.card-text {
     color: gray;
     font-weight: 500;
     font-size: 75%;
     padding-bottom: 0;
}

.cardBtn {
     display: inline-block;
     border: 1px solid #5bc0de;
     border-radius: 5px;
     padding: 5px 10px;
     text-decoration: none;
     color: #5bc0de;
     background-color: white;
     margin: 10px auto;
}

.cardBtn:hover {
     color: white;
     background-color: #5bc0de;
     transition: 0.4s;
}
#govNewsLoading {
     max-width: 100px;
     max-height: 100px;
     display: block;
     margin: auto;
}