.hero {
  background: var(--color-primary);
  width: 100%;
  height: 100vh; }
  .hero h1, .hero h4 {
    max-width: 800px;
    font-weight: bolder;
    color: var(--color-font-secondary);
    text-align: center; }
  .hero h4 {
    letter-spacing: 2px; }
  .hero h1 {
    text-transform: uppercase; }
  .hero img {
    width: 100%;
    height: auto; }