footer{
  margin-top: 0;
  height: 100vh;
  min-height: 700px;
  @include media-breakpoint-down(md) {
    height: auto;
  }
  @include media-breakpoint-up(xxxl) {
    height: 80vh;
  }
  background-color: #232323;
  color: $themeLightGray;
  position: relative;

  .background-graphic{
    h2{
      top: -6%;
      opacity: .04;
    }
  }

  .content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    >div{
      margin-top: -15%;
    }
    @include media-breakpoint-down(md) {
      height: auto;
      padding-right: $sizeMedium;
      padding-left: $sizeMedium;
      >div{
        margin-top: 10%;
      }
    }
    @include media-breakpoint-up(xxl) {
      >div{
        margin-top: 0;
      }
    }
  }

  .form-container{
    @include media-breakpoint-down(md) {
     width: 100%;
    }
    width: 60%;
    h2{
      position: relative;
      color: $themeWhite;
      bottom: auto;
      margin-bottom: $sizeLarge*2;
      display: inline-block;
      @include media-breakpoint-down(md) {
        margin-bottom: $sizeLarge;
      }
    }
    .btn{
      border: 0;
      float: right;
      @include media-breakpoint-down(md) {
        width: 100%;
        float: none;
      }
    }
  }

  .address{
    text-align: center;
    margin-bottom: $sizeSmall;

    h4{
      font-size: 1.8em;
      text-transform: uppercase;
      color: $themePrimary;
    }
    span{
      text-transform: uppercase;
    }
    .mb-10{
      margin-bottom: $sizeMedium;
    }
    a{
      color: $themeLightGray;
      @include hover-focus-active(){
        color: $themeWhite;
      }
    }
  }

  .socials{
    margin: $sizeMedium 0 $sizeLarge 0;
    display: flex;
    justify-content: center;
    a{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 35px;
      margin: $sizeMedium;
      color: $themeWhite;
      @include hover-focus-active(){
        color: $themePrimary;
      }
      svg{
        height: 25px;
      }
    }
  }

  .persons{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: $sizeLarge;
    @include media-breakpoint-down(md) {
      flex-direction: column;
    }
  }
  h5{
    color: $themePrimary;
    font-size: 1.3em;
  }
  .contact-person{
    margin: $sizeSmall $sizeMedium;
    text-align: center;
    .hint{
      width: 20px;
      color: $themePrimary;
      display: inline-block;
      margin-left: $sizeSmall;
    }
    a{
      color: $themeLightGray;
      @include hover-focus-active(){
        color: $themeWhite;
      }
    }
  }

  .copyright{
    text-align: center;
    font-size: 1.1em;
    margin-bottom: $sizeSmall;
    color: $themeWhite;
  }

  .stripe-holder {
    position: relative;
    padding: 0;

    &:before {
      width: $sizeLarge*2;
      height: calc(100% + #{$headerStripeOverflow} - #{$sizeMedium});
      bottom: 0;
      left: -$headerStripeWidth/2;
      opacity: 1;
    }
  }

  &.main-footer{
    @include media-breakpoint-up(lg) {
      &:before{
        content: "";
        position: absolute;
        width: $sizeLarge*2;
        height: 55%;
        background-color: $themePrimary;
        background-color: $themeSecondary;
        opacity: 1;
        bottom: 0;
        left: 0;
      }
    }
  }

  &.footer{
    height: auto;
    min-height: unset;
    display: flex;
    align-items: center;
    color: $themeLightGray;
    padding-top: $sizeLarge;
    .row{
      margin-bottom: $sizeMedium;
    }
    a{
      color: $themeLightGray;
      @include hover-focus-active(){
        text-decoration: none;
        color: $themePrimary
      }
    }
    .address{
      text-align: left;

    }
    .socials{
      justify-content: flex-end;
      margin: 0;
      a{
        color: $themeWhite;
        @include hover-focus-active(){
          color: $themePrimary;
        };
      }
    }
    .copyright{
      margin-top: $sizeMedium;
      text-align: left;
    }
    img{
      width: 100px;
      margin-bottom: $sizeMedium;
    }
    p{
      padding-right: $sizeMedium;
    }
    nav{
      font-family: "Segoe UI Semilight", sans-serif;
    }
    .persons{
      display: block;
      margin: 0;
    }
    .contact-person{
      text-align: left;
      margin: 0 0 $sizeMedium 0;
    }
    .last{
      border-top: 1px solid $themeGray;
      align-items: center;
      color: $themeWhite;
    }
    @include media-breakpoint-down(md) {
      p{
        padding-right: 0;
      }
      .address{
        text-align: center;
      }
      .contact-person{
        text-align: center;
      }
      .copyright{
        text-align: center;
      }
      .socials {
        justify-content: center;
      }
      text-align: center;
      height: auto;
      min-height: unset;
    }
  }
}