/* Global CSS variables */
:root {
  --spacing-company: 3rem;
  --font-weight: 400;

}

/* Typography */
h2,
/*h3,*/
hgroup > :last-child {
  font-weight: 200;
}

small {
  color: var(--muted-color);
}

/* Header */

.hero1 {
  background-color: #394046;
  background-image: url("assets/johannes-plenio-DKix6Un55mw-unsplash.jpg");
  background-position: center 65%;
  background-size: cover;
}

.hero2 {
  background-color: #4593FF;
  background-image: url("assets/oceanblock.png");
  background-position: 90%;
  background-size: contain;
}

.hero3 {
  background-color: #394046;
  background-image: url("assets/2022-02-24_22.02.32.jpg");
  background-position: center 55%;;
  background-size: cover;
}



header {
  padding: var(--spacing-company) 0;
}

header hgroup > :last-child {
  color: var(--h3-color);
}

header hgroup {
  margin-bottom: var(--spacing-company);
}