header {
  background-color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
}

header .title {
  margin-top: 20px;
}

header h1 {
  color: #fff;
  font-family: "Times New Roman", Times, serif;
  letter-spacing: 0.3em;
  font-size: 2em;
  font-weight: 300;
}

header h1 img {
  height: 50px;
}

header .contact_info {
  margin: 20px 0 20px 0;
}

header .contact_info a {
  color: #fff;
  text-decoration: none;
  transition: color 0.5s;
}

header .contact_info a:hover {
  color: rgb(232, 219, 167);
}

@media (max-width: 1226px) {
  header h1 {
    letter-spacing: 0;
    font-size: 2em;
  }
}

@media (max-width: 898px) {
  header h1 {
    font-size: 1.5em;
  }
}

@media (max-width: 782px) {
  header .contact_info a {
    font-size: 0.8em;
  }
}

@media (max-width: 724px) {
  header h1 {
    font-size: 1em;
  }
}

@media (max-width: 652px) {
  header .contact_info a {
    font-size: 0.6em;
  }
}

@media (max-width: 562px) {
  header h1 img {
    display: none;
  }
}

@media (max-width: 559px) {
  header .contact_info {
    margin-top: 50px;
  }
}