*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {
  box-sizing: border-box;
  background: linear-gradient(to bottom right, #3a3a3a, #222);
  color: white;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.7;
  color: whitesmoke;
  padding: 3rem;
}

.heading__primary {
  color: whitesmoke;
  text-transform: uppercase;
  backface-visibility: hidden;
  margin-bottom: 5rem;
}
.heading__primary--main {
  letter-spacing: 2.5rem;
  font-size: 6rem;
  font-weight: 400;
  display: block;
  color: white;
  transform: translateX(-25%);
  background: linear-gradient(to right, orangered, orange);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading__primary--sub {
  display: block;
  font-size: 4.5rem;
  font-weight: 400;
  letter-spacing: 1.2rem;
  color: whitesmoke;
  transform: translateX(25%);
  background: linear-gradient(to right, #1ab2aa, cyan);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a {
  color: #1ab2aa;
}
a:visited {
  color: cyan;
}

.grid-container {
  display: grid;
  grid-template-areas: "header header header header header header" "header header header header header header" "menu   content content content content content" "menu   content content content content content" "menu   content content content content content" "footer footer footer footer footer footer";
  gap: 0.8rem;
  padding: 0.8rem;
}

.grid-header {
  grid-area: header;
}

.grid-menu {
  grid-area: menu;
}

.grid-content {
  grid-area: content;
  padding: 0.8rem;
}

.grid-footer {
  grid-area: footer;
  background-color: white;
}

.row {
  max-width: 114rem;
  margin: 0 auto;
}
.row:not(:last-child) {
  margin-bottom: 8rem;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
.row [class^=col-] {
  float: left;
}
.row [class^=col-]:not(:last-child) {
  margin-right: 4rem;
}

.header {
  width: 100%;
  max-height: 72rem;
  margin-bottom: 10vh;
  background-image: url("../../images/header_01.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);
  position: relative;
}
.header__text--box {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 150px;
  transform: translate(-40%, -50%);
  text-align: center;
}

.header__banner {
  height: 500px;
  width: auto;
}

.navigation {
  list-style: none;
}
.navigation__item {
  display: inline-block;
  margin: 0 0.5rem;
  background: linear-gradient(to bottom right, #313131, #111111);
  border-radius: 3px;
  padding: 1rem 3rem;
  border: 1px solid rgba(17, 17, 17, 0.8);
}
.navigation__item:hover {
  background: linear-gradient(to bottom right, #414141, #222);
}
.navigation__item--link {
  color: #1ab2aa;
  text-decoration: none;
}

/*# sourceMappingURL=styles.css.map */