@font-face {
  font-display: swap;
  font-family: "Brandon Grotesque";
  font-style: normal;
  font-weight: 400;
  src:
    url("BrandonGrotesque-Bold.woff") format("woff"),
    url("BrandonGrotesque-Bold.woff") format("woff2"),
    url("BrandonGrotesque-Bold.ttf") format("truetype");
}

.intro-section {
  font-family: "Brandon Grotesque", sans-serif;
  color: #002852;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.intro-section h1 {
  font-size: 68px;
  margin-bottom: 55px;
  text-align: center;
}

.intro-section img {
  width: 400px;
}

@media (max-width: 1250px) {
  .intro-section h1 {
    font-size: 39px;
  } 

  .intro-section img {
    width: 280px;
  }
}