* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "abeezeeregular", "Sans-serif";
}

body {
  color: #fff;
  background-color: #36283a;
}

.description {
  margin-bottom: 15px;
}

.mui-appbar {
  background-color: #36283a;
}

.footer {
  background-color: #36283a;
}

.footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nav__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #c793da;
}
.nav__links a {
  color: #fff;
}
.nav__links a:hover {
  color: #36283a;
}

.nav__links a {
  text-transform: uppercase;
  padding: 10px;
}

.download-img {
  width: 200px;
}

.hero-container {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dropdown {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  bottom: 0;
  left: 0;
  background-color: #b6a0be;
  width: 100%;
  padding: 10px;
  color: #0a010c;
}
.dropdown__select {
  display: block;
  width: 100%;
  padding: 5px 10px;
}

.logo {
  width: 168px;
  height: 72px;
}

.graph-lg {
  display: none;
}

.page-container {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c793da), to(#36283a));
  background-image: linear-gradient(to bottom, #c793da, #36283a);
  padding-bottom: 100px;
}

.graph-sm-lg {
  margin-right: auto;
}

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nav__content {
  padding-top: 100px;
}

@media screen and (min-width: 768px) {
  .nav__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 25px;
  }
  .nav__links {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: transparent;
  }
  .dropdown {
    position: fixed;
    top: 0;
    right: 10px;
    left: initial;
    bottom: initial;
    width: auto;
    background-color: transparent;
    color: #fff;
  }
  .navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .headline {
    font-size: 50px;
  }
  .page-container {
    padding-bottom: 0;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .graph-lg {
    display: block;
    margin-left: auto;
  }
  .logo {
    width: 336px;
    height: 144px;
  }
  .graph-sm {
    display: none;
  }
  .nav__links {
    padding: 10px;
  }
}
@font-face {
  font-family: "abeezeeregular";
  src: url("../fonts/abeezee-regular-webfont.woff2") format("woff2"), url("../fonts/abeezee-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}