.hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
  color: #FFFFFF; }
  @media (min-width: 55em) {
    .hero {
      min-height: 35rem; } }
  .hero:after {
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(35, 31, 32, 0)), to(rgba(35, 31, 32, 0.57)));
    background-image: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.57) 100%);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    z-index: 0; }
  .hero .container-fluid {
    padding-top: 8rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 1; }
    @media (min-width: 55em) {
      .hero .container-fluid {
        padding-top: 13rem; } }
  .hero .scroll-down {
    -webkit-transform: rotate(90deg) translateY(-1rem);
    transform: rotate(90deg) translateY(-1rem);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    height: 1rem;
    font-size: 0.8125rem;
    font-family: "Slussen Bold";
    text-decoration: none;
    line-height: 1;
    display: none;
    position: relative;
    padding-right: 2rem;
    margin: 1.5rem 0 8rem; }
    .hero .scroll-down:before {
      position: absolute;
      width: 21px;
      height: 15px;
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition: -webkit-transform 200ms ease;
      transition: -webkit-transform 200ms ease;
      transition: transform 200ms ease;
      transition: transform 200ms ease, -webkit-transform 200ms ease;
      display: block;
      content: '';
      background-image: url("../img/right-arrow.svg");
      background-repeat: no-repeat;
      background-size: 21px 15px;
      top: calc(50% - 7px);
      right: 0; }
    .hero .scroll-down:hover:before {
      -webkit-transform: translateX(0.5rem);
      transform: translateX(0.5rem); }
    @media (min-width: 55em) {
      .hero .scroll-down {
        display: inline-block; }
        .hero .scroll-down.hide {
          display: none; } }
    @media (min-width: 1400px) {
      .hero .scroll-down.on-left {
        margin: 0rem 0 4rem -5rem;
        -webkit-transform: rotate(90deg) translate(-3rem, 0);
        transform: rotate(90deg) translate(-3rem, 0); } }
  .hero h2, .hero h3, .hero h4 {
    max-width: 50vw; }
  .hero h1 {
    max-width: 53vw; }
  .hero p {
    max-width: 420px; }
  .hero .btn {
    background: #FFFFFF; }

/*# sourceMappingURL=maps/hero.css.map */