.cookie-banner {
  height: 580px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.cookie-banner-content .cookie-banner-vectors {
  position: absolute;
  width: 141px;
  left: 31%;
  top: 0;
}

.cookie-banner-content .cookie-banner-header {
  font-family: "AvantGarde Bold";
  position: absolute;
  width: 40%;
  left: 10%;
  top: 28%;
  font-style: normal;
  font-size: 130px;
  color: #FFFFFF;
  line-height: 85%;
}

.platform-paragraph a {
  color: #16BAE7;
  text-decoration: underline;
}

.cookie-infos {
  margin-top: 5%;
}

.cookie-infos, .cookie-misc, .cookie-table {
  padding: 2% 20%;
  width: unset;
}

.table thead th {
  table-layout:fixed;
  font-family: 'AvantGarde Bold';
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  background-color: #00233A;
  color: white;
  padding: 20px;
}

.table tbody tr {
  font-family: 'AvantGarde Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #00233A;
  padding: 20px;
  vertical-align: middle;
}


.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: white;
}

.table>:not(caption)>*>* {
  background-color: #EBEEF2;
}

/* Responsiveness */
@media screen and (max-width: 768px) {
  .cookie-banner {
    background-position-x: 42%;
    height: 90vh;
  }

  .cookie-banner-content .cookie-banner-vectors {
    width: 132px;
    left: 16.63%;
  }
  
  .cookie-banner-content .cookie-banner-header {
    top: 85%;
    font-size: 45px;
    left: 8%;
  }

  .cookie-infos, .cookie-misc, .cookie-table {
    margin: 0;
    padding: 0 3%;
  }

  .table {
    width: 1200px;
  }

  .cookie-infos {
    margin-top: 15%;
  }

  .platform-name {
    font-size: 28px;
  }

  .platform-paragraph {
    font-size: 17px;
  }
}