@font-face {
  font-family: "PoppinsRegular";
  src: url("../fonts/Poppins-Regular.ttf")  format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PoppinsBold";
  src: url("../fonts/Poppins-Bold.ttf")  format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: "PoppinsRegular";
  white-space: nowrap;
  font-size: 0;
}
a {
  font-size: 1.25vmax;
  color: #909090;
  text-decoration: none;
  transition: color 0.25s;
}
a:hover {
  color: #7159A6;
}
a.active {
  color: #7159A6;
  font-family: "PoppinsBold";
}
include {
  display: block;
}
.header {
  position: relative;
  width: 88vw;
  min-height: 2vw;
  margin: 2vw 6vw 2vw 6vw;
}
.header img {
  height: 3vw;
}
.header .menu {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 2vmax;
}
.header .menu a {
  margin-left: 2vw;
}
.footer {
  min-height: 20vw;
  background-color: #382C53;
  color: white;
  padding-top: 4vw;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 8vw;
  align-items: end;
  justify-content: start;
}
.footer img {
  width: 20vw;
  margin-left: 3vw;
}
.footer .urls {
  font-size: 1vmax;
  white-space: wrap;
  margin-bottom: 2vw;
  line-height: 2.5vmax;
}
.footer .urls a {
  color: white;
}
.footer .urls a:hover {
  color: #7159A6;
}
.stripe {
  width: 100vw;
  overflow: hidden;
  background-color: #4F3E74;
}
.stripe .reel {
  animation: horizontalScroll 10s linear infinite;
}
.stripe .reel img {
  width: 100vw;
}
@keyframes horizontalScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.brand {
  padding: 6vw 5vw 6vw 5vw;
  display: grid;
  grid-template-columns: 33vw auto;
  grid-gap: 6vw;
  align-items: center;
  justify-content: center;
}
.brand img {
  width: 100%;
}
.brand .type {
  font-family: "PoppinsBold";
  font-size: 2.3vmax;
  line-height: 3vmax;
  white-space: wrap;
  margin-bottom: 2vw;
}
.brand .title {
  font-family: "PoppinsBold";
  font-size: 1.7vmax;
  white-space: wrap;
  margin-top: 2vw;
}
.brand .description {
  font-size: 1.7vmax;
  white-space: wrap;
}
.button {
  display: inline-block;
  background-color: #7159A6;
  color: white;
  padding: 1vw 3vw 1vw 3vw;
  border-radius: 2vw;
  font-size: 1.5vmax;
  transition: color 0.25s, background-color 0.25s;
}
.button:hover {
  background-color: #4F3E74;
}
.altButton {
  display: inline-block;
  background-color: #F4ECD8;
  color: #7159A6;
  padding: 1vw 3vw 1vw 3vw;
  border-radius: 2vw;
  font-size: 1.5vmax;
  transition: color 0.25s, background-color 0.25s;
}
.altButton:hover {
  background-color: #4F3E74;
  color: #F4ECD8;
}