section.welcome{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 75px);

  justify-content: center;
  align-items: center;

  padding-bottom: 100px;
  box-sizing: border-box;
}

section.welcome img{
  width: 50%;
  height: auto;
}
@media screen and (max-width: 800px) {
  section.welcome img{
    width: 75%;
  }
}
@media screen and (max-width: 800px) {
  section.welcome img{
    width: 90%;
  }
}

section.welcome a{
  margin: 20px 0 0 0;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 35px;
  font-weight: 700;

  text-transform: uppercase;

  color: var(--text-color);
  background-color: var(--primary-color);

  font-family: var(--heading-font-alt);

  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
section.welcome a:hover, section.welcome a:active, section.welcome a:focus{
  color: white;
  background-color: var(--primary-color-dark);
}