@import "https://www.w3schools.com/w3css/4/w3.css";
@import "https://fonts.googleapis.com/css2?family=Sofia";
@import "https://fonts.googleapis.com/css2?family=Sofia+Sans";

body,
html {
  height: 100vh;
}

.background-image {
  background-image: url("wind-turbine.jpg");
  min-height: 100vh;
  background-position: center;
  background-size: cover;
}

.sofia-serif {
  font-family: "Sofia", serif;
}

.sofia-sans {
  font-family: "Sofia Sans", sans-serif;
}

@media only screen and (min-width: 604px) {
  .xxxlarge {
    display: none;
  }
}

@media only screen and (max-width: 604px) {
  .jumbo {
    display: none;
  }
}