* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  color: black;
}

html, body {
  height: 100%;
  width: 100%;
  padding: 5px;
  margin: 0px;
}

.container {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

main {
  flex: 1 1 0%;
}

header {
  display: flex;
  place-content: flex-start space-between;
  flex-wrap: wrap;
  height: 100%;
}

footer {
  display: flex;
  place-content: flex-start space-between;
  flex-wrap: wrap;
  height: 100%;
}

.item {
  flex-shrink: 1;
  align-self: flex-start;
}

svg {
  z-index: 8;
}

@font-face {
  
  font-family: "Rebond Grotesque";
  
  font-style: normal;
  
  font-weight: 500;
  
src: url("../RebondGrotesque-Medium.woff2") format("woff2"), url("../RebondGrotesque-Medium.woff") format("woff");
}

a {
  font-family: "Rebond Grotesque";
  position: relative;
  float: left;
  z-index: 2;
  text-transform: uppercase;
  text-decoration: none !important;
  color: ;
  font-size: 17px;
  line-height: 18px;
}

p {
  font-family: "Rebond Grotesque";
  position: relative;
  float: left;
  z-index: 2;
  text-transform: uppercase;
  text-decoration: none;
  color: ;
  font-size: 18px;
  margin: 0px;
  line-height: 20px;
}

br {
  display: block;
  content: "";
  margin-top: 0px;
}

.arco {
  display: inline-block;
  position: fixed;
  top: -8vh;
  left: 0px;
  z-index: 1;
}

.st0 {
  fill: white;
}

.item.dsk {
  font-family: "Rebond Grotesque";
  position: relative;
  float: left;
  z-index: 2;
  text-transform: uppercase;
  text-decoration: none;
  color: ;
  font-size: 18px;
  margin: 0px;
  line-height: 20px;
}

.tab {
  margin-left: 70px;
}

.tab2 {
  padding-left: 195px;
    margin-top: -2px;
    margin-bottom: 5px;
}


.itemmbl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center text both horizontally and vertically */
    text-align: center; /* Horizontally center text within its container */
    z-index: 10;
    display: none;
}


@media ( max-width : 575.98px ) {
    .item.item_m {
        display: none; 
    }
    .tab {
        display: none;
    }
    .item.dsk {
        display: none;
    }
} 

@media ( max-width : 575.98px ) {
  .arco {
    display: inline-block;
    position: fixed;
    top: 0vh;
    left: 0px;
    z-index: 1;
  }
  a, p {
    font-size: 10px;
    line-height: 12px;
  }
  .tab {
    margin-left: 35px;
  }
  .tab2 {
    padding-left: 95px;
  }
}


@media ( max-width : 767.98px ) {
  .arco {
    display: inline-block;
    position: fixed;
    top: 0vh;
    left: 0px;
    z-index: 1;
  }
  a, p {
    font-size: 10px;
    line-height: 12px;
  }
  .tab {
    margin-left: 35px;
      display: none;
  }
  .tab2 {
    padding-left: 95px;
  }
  .item.dsk {
        display: none;
    }  
}

@media ( max-width : 767.98px ) {
    .itemmbl {
        position: absolute;
        width: 300px; 
        font-size: 18px !important;
        line-height: 18px !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* Center text both horizontally and vertically */
        text-align: center; /* Horizontally center text within its container */
        font-size: 18px !important;
        z-index: 10;
        display:block;
    }
}

@media ( max-width : 991.98px ) {
  .arco {
    display: inline-block;
    position: fixed;
    top: 0vh;
    left: 0px;
    z-index: 1;
  }
  a, p {
    font-size: 12px;
    line-height: 12px;
  }
  .tab {
    margin-left: 35px;
  }
  .tab2 {
    padding-left: 95px;
  }
}

@media ( max-width : 1199.98px ) {
  .arco {
    display: inline-block;
    position: fixed;
    top: 0vh;
    left: 0px;
    z-index: 1;
  }
}