@font-face {
    font-family: "Bebas Neue";
    src: url(BebasNeue-webfont.eot);
    src: url(BebasNeue-webfont.woff2) format("woff2"), url(BebasNeue-webfont.woff) format("woff"), url(BebasNeue-webfont.ttf) format("truetype"), local(Arial), local(Helvetica);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Bebas Neue";
    src: url(bebas-neue-book.otf);
    src: url(bebas-neue-book-webfont.woff2) format("woff2"), url(bebas-neue-book-webfont.woff) format("woff"), local(Arial), local(Helvetica);
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Bebas Neue";
    src: url(Bebas-Neue-Light.ttf.eot);
    src: url(Bebas-Neue-Light.ttf.woff) format("woff2"), local(Arial), local(Helvetica);
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.footerlp {
  padding: 50px 0;
  background: #434343;
  color: white;
  min-height: 200px;
}

.footerlp .content {
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  max-width: calc(1640px + 4.8%);
  width: 100%;
  margin: 0 auto;
  padding: 0 1.4%;
  box-sizing: border-box;
}

.footerlp__col {
  display: flex;
  flex-direction: column;
  min-width: 160px;
}

.footerlp__social {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0;
  list-style: none;
  li{
    padding-left: 0;
  }
  img{
    max-height: 20px;
    width: auto;
  }
}

.footerlp__col--links ul {
  list-style: none;
  padding: 0;
  margin: 0;

  li{
    padding-left: 0;
  }
}

.footerlp__col--links a:hover{
  text-decoration: underline;
}

.footerlp__col__title{
  font-family: 'Bebas Neue', Arial, sans-serif;
  font-weight: 500;
  display: flex;
  margin: 4px 0 0 -23px;
  font-size: 24px;
  cursor: pointer;
  svg{
    transition: transform 400ms ease;
  }
}
.footerlp__col__title.act{
  svg{
    transform: rotate(90deg);
  }
}
.footerlp__app{
  row-gap: 10px;
  display: flex;
  flex-direction: column;
  max-width: 200px;
  align-items: flex-end;
}
.footerlp__app__title{
  font-size: 19px;
  font-weight: 300;
  text-transform: uppercase;
  font-family: 'Bebas Neue', Arial, sans-serif;
  text-align: right;
  span{
    font-weight: 500;
  }
}

.footerlp__app{
  img{
    display: block;
  }
}

.footerlp__copy{
  font-size: 12px;
  font-weight: 200;
  margin-top: 40px;
  a{
    text-decoration: underline;
  }
}

@media screen and (max-width: 860px){
  .footerlp__app,
  .footerlp .only-desktop{
    display: none;
  }
  .footerlp .content{
    flex-direction: column;
    align-items: center;
  }
  .footerlp__col{
    order: 2;
  }
  .footerlp__col:first-child{
    order: 3;
  }
  .footerlp__col--links{
    width: 100%;
    padding-left: 30px;
  }
}