* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: white;
  }
.d-flex{
  display:flex !important;
  transition-duration: 0.4s !important;
}
.w100{
  width: 10% !important;
}
.w20{
  width: 20% !important;
}
.w30{
  width: 30% !important;
}
.w40{
  width: 40% !important;
}
.w50{
  width: 50% !important;
}
.w60{
  width: 60% !important;
}
.w70{
  width: 70% !important;
}
.w80{
  width: 80% !important;
}
.w90{
  width: 90% !important;
}
.w100{
  width: 100% !important;
}

.m0{
  margin:0px !important;
}
.m1{
  margin:1rem !important;
}
.m2{
  margin:1.5rem !important;
}
.m3{
  margin:2rem !important;
}
.m4{
  margin:2.5rem !important;
}
.m5{
  margin:3rem !important;
}
.mx1{
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx2{
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx3{
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
.mx4{
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}
.mx5{
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my1{
  margin-top:1rem !important;
  margin-bottom:1rem !important;
}
.my2{
  margin-top:1.5rem !important;
  margin-bottom:1.5rem !important;
}
.my3{
  margin-top:2rem !important;
  margin-bottom:2rem !important;
}
.my4{
  margin-top:2.5rem !important;
  margin-bottom:2.5rem !important;
}
.my5{
  margin-top:3rem !important;
  margin-bottom:3rem !important;
}
.p1{
  padding:1rem !important;
}
.p2{
  padding:2rem !important;
}
.p3{
  padding:2rem !important;
}
.p4{
  padding:2.5rem !important;
}
.p5{
  padding:3rem !important;
}
.px1{
  padding-right:1rem !important;
  padding-left:1rem !important;
}
.px2{
  padding-right:1.5rem !important;
  padding-left:1.5rem !important;
}
.px3{
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.px4{
  padding-right:2.5rem !important;
  padding-left:2.5rem !important;
}
.px5{
  padding-right:3rem !important;
  padding-left:3rem !important;
}
.py1{
  padding-top:1rem !important;
  padding-bottom:1rem !important;
}
.py2{
  padding-top:1.5rem !important;
  padding-bottom:1.5rem !important;
}
.py3{
  padding-top:2rem !important;
  padding-bottom:2rem !important;
}
.py4{
  padding-top:2.5rem !important;
  padding-bottom:2.5rem !important;
}
.py5{
  padding-top:3rem !important;
  padding-bottom:3rem !important;
}
.flex-row-wrap{
    flex-flow: row wrap;
}
.flex-row-nowrap{
    flex-flow: row nowrap;
}
.flex-column-wrap{
    flex-flow: column wrap;
}
.flex-column-nowrap{
    flex-flow: column nowrap;
}

.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-evenly{
    justify-content: space-evenly;
}
.justify-center{
    justify-content: center;
}
.justify-end{
    justify-content: flex-end;
}
.justify-start{
    justify-content: flex-start;
}

.align-items-center{
    align-items: center;
}
.align-items-end{
    align-items: flex-end;
}
.align-items-start{
    align-items: flex-start;
}
.align-items-stretch{
    align-items: stretch;
}
.align-center{
    align-items: center;
    align-content: center;
}
.align-end{
    align-items: flex-end;
    align-content:flex-end;
}
.align-start{
    align-items: flex-start;
    align-content: flex-start;
}
.align-self-start{
    align-self: flex-start;
}
.align-self-center{
    align-self: center;
}
.align-self-end{
    align-self: flex-end;
}
.grow1{
  flex-grow: 1;
}
.grow2{
  flex-grow: 2;
}
.grow3{
  flex-grow: 3;
}
.flex1{
  flex: 1;
}
.flex2{
  flex: 2;
}
.flex3{
  flex: 3;
}



  a {
    text-decoration: none;
    width: auto;
    font-family: Roboto;
  }
  .d-mob {
    display: block;
  }
  .d-web {
    display: none;
  }
  footer {
    font-family: Roboto;
    background: linear-gradient(180deg, #1f1f1f 0%, #0b0b0b 100%);
  }
  .logo {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 15px;
  }
  .logo img {
    width: 200px;
    padding: 30px;
  }
  .logo a {
    float: right;
  }
  .logo a span {
    vertical-align: sub;
  }
  .logo a span .mat-icon {
    vertical-align: text-bottom;
  }
  .information-container {
    flex-flow: column nowrap;
  }
  .border-info-1 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cbb0b0;
    width: 20%;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
  }
  .border-info-1 h3 {
    padding-bottom: 20px;
  }
  .downloads-footer{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }
  .border-info-1 p {
    padding-bottom: 20px;
  }
  .border-info-1 p a span {
    margin: 0px 5px;
    vertical-align: bottom;
  }
  .border-info-1 .social-media {
    display: inline-block;
    margin: 0px 10px;
    padding-bottom: 20px;
  }
  .border-info-1 a img {
    width: 160px;
  }
  .border-info-2 {
    margin-top: 20px;
    border-top: 1px solid #cbb0b0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
  }
  .border-info-2 .flag-icon {
    margin-right: 5px;
  }
  .border-info-2 a span {
    margin: 0px 5px;
    vertical-align: bottom;
  }
  .border-info-2 p {
    padding-bottom: 5px;
  }
  .border-info-2 p span {
    float: right;
    color: #b2a7a7;
  }
  .border-info-2 .inferior {
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #b2a7a7;
  }
  i {
    margin-right: 7px;
  }
  .representante {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start;
  }
  .representante a, .representante span {
    margin: 5px 0px;
  }
  @media (min-width: 992px) {
    a{
      font-size: 16px;
    }
    .logo a{
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .fa-arrow-circle-up:before{
      font-size: 30px;
      margin: 5px;
      background:#ffffff;
      border-radius: 50%;
      color: #bf0000  !important;
    }
    .information-container {
      flex-flow: row wrap;
      justify-content: space-between;
    }
    .border-info-1 {
      border-top: none;
      padding-top: 0px;
      border-left: 1px solid #cbb0b0;
      padding-left: 20px;
      width: auto;
      text-align: left;
    }
    .d-web {
      display: block;
    }
    .representante {
      flex-flow: row nowrap;
      align-items: center;
    }
    .return-top {
      position: absolute;
      top: 10px;
      right: 10px;
    }
  }