p {
  font-size: 1.1rem;
}

header {
  padding: 10px 0 100px;
}

.hero-image {
  background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5)), url("../img/tf_oas.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  height: 450px;
}

a[href$= ".pdf"] {
  display: inline-block;
  background: url(../img/pdf.svg);
  background-repeat: no-repeat;
  background-size: 28px 28px;
  padding-left: 30px;
  margin-top: 5px;
}

a[href$= ".doc"] {
  display: inline-block;
  background-image: url(../img/word.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 30px;
  margin-top: 5px;
}

a[href$= ".docx"] {
  display: inline-block;
  background-image: url(../img/word.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  padding-left: 30px;
  margin-top: 5px;
}