body {
  font-family: Arial, sans-serif;
  margin: 0;
  background-color: #f6f4e0
}
.logo-container {
  width: calc(100vw - (100vw - 100%));
  max-width: none;
  height: 234px;
  position: relative;
  background: url("../img/background.png") no-repeat 0 50% scroll;
  background-size: cover;
  border-top: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #3d828f;
}
.title-background {
  text-align: center;
  color: #3d828f;
}
main {
  padding: 25px;
}
#page-container {
  position: relative;
  min-height: 100vh;
}
#content-wrap {
  padding-bottom: 5rem; /* Footer height */
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5rem; /* Footer height */
  padding: 20px;
  color: white;
  background: #3d828f;
  text-align: center
}
a {
  color: #0a3b4c
}
#footer a {
  color: white
}
#hams {
  display: none; /* Hide iframe by default */
}
.columns {
  background: #f3f6fb;
  color: #73879c;
  border: 1px solid #f3f6fb border-radius: 8px;
}
.center {
  text-align: center;
}
.circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid #04396d;
  margin-top: -50px;
  background-color: #04396d;
  position: absolute
}
.communications-icon {
  margin: 12px 0 0 -2px;
}
.alert-info {
  background-color: #3d828f;
  border: 1px solid #3d828f !important;
  color: white;
  width: 80%;
}
.card-container {
  display: table;
}
.card {
  display: table-cell;
  padding: 16px;
}
h1, h2, h3, h4, h5, h6 {
  color: #3d828f
}
.announce {
color: #ffffff
}
hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}