*, ::after, ::before {
  box-sizing: border-box;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Ubuntu", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}

html, body {
  margin: 0px;
  padding: 0px;
}

header, section, footer {
  margin: 0px auto;
  width: 100%;
}

@media (min-width: 320px) {
  header, section, footer {
    width: 98%;
  }
}
@media (min-width: 1020px) {
  header, section, footer {
    width: 1000px;
  }
}

a {
  /*color: #007bff;*/
  color: #03ade4;
  text-decoration: none;
  background-color: transparent;
}

img {
  border: 0px none;
}

header {
  margin-top: 10px;
  margin-bottom: 10px;
}
header img {
  max-width: 80%;
  max-height: 60px;
}

footer {
  margin-top: 20px;
  margin-bottom: 5px;
  border-top: 1px solid rgba(130, 155, 175, .2);
  padding: 5px 0px;
  text-align: right;
  font-size: small;
}

.social_links p {
  text-align: center;
}
.social_links a {
  display: inline-block;
  width: 250px;
  height: 3em;
  margin: 10px;
}
.social_links a img {
  height: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) opacity(50%);
  transition: filter .25s ease-in-out, -webkit-filter .25s ease-in-out; 
}
.social_links a:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%) opacity(100%);
}