h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

div.masthead {
  position: relative;
  background-color: #a00000;
  color: #d0d0d0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

div.masthead h1 {
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75);
}

@media (min-width: 768px) {
  div.masthead h1 {
    letter-spacing: 0.2rem;
  }
}

.mypad {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.icon{
  vertical-align: middle;
  height:50px; 
  width:50px;
  filter:none;
}

footer.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
}