/* footer, including address */
#footer {
   max-width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-auto-rows: minmax(60px, auto);
   gap: 0;
   background-color: #a6c9c9;
   color: #444;
}
.footer-flex-container {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 120px;
   background-color: #a6c9c9;
   border: 0 solid #006666;
}
.footer-flex-container > a > img {
   background-color:#a6c9c9;
}
.footer-flex-container > div {
   background-color: #f1f1f1;
   color: white;
   width: 100px;
   height: 100px;
}
.footer-flex-container > a > img {
   width: auto;
   height: 50px;
}
.footer-flex-container > p {
   margin: 20px;
   text-align: right;
   font-variant: small-caps;
   color: #600;
}
@media (max-width: 600px) {
   #footer {
      grid-template-columns: 1fr 1fr;
   }
}
/* address */
.address-flex-container > a > img {
   width: 72px;
   height: auto;
   background-color: #a6c9c9;
}
.address-flex-container {
   display: flex;
   justify-content: center;
   align-items: center;
   height: auto;
   background-color: #a6c9c9;
   color: #fff;
   border: 0 solid #066;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.address-flex-container a:link    {color: #fff; text-decoration: none;}
.address-flex-container a:visited {color: #fff;}
.address-flex-container a:hover   {color: #066; text-decoration: underline}
.address-flex-container a:active  {color: #066;}
.address {
   height: 100%;
   display: flex;
   flex-direction: column;
}