/* TYPOGRAPHY */
@font-face {
  font-family: "AvantGarde Regular";
  src: url(../fonts/AvantGarde\ Regular.TTF);
}

@font-face {
  font-family: "AvantGarde Regular Italic";
  src: url(../fonts/AvantGarde\ Regular\ Italic.otf);
}

@font-face {
  font-family: "AvantGarde Bold";
  src: url(../fonts/AvantGarde\ Bold.TTF);
}

@font-face {
  font-family: "AvanteGarde Bold Italic";
  src: url(../fonts/AvantGarde\ Regular\ Italic.otf);
}

* {
  margin: 0px;
}
.large-banner {
  font-family: "AvantGarde Bold";
  font-style: normal;
  font-weight: 700;
  font-size: 130px;
  line-height: 85%;
  /* or 111px */
  text-transform: uppercase;
  /* Neutral/10 White */
  color: #FFFFFF;
}

.privacy-pp-banner {

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 580px;
  position: relative; 
}

.blue-vector {
  position: relative;
  width: 141px;
  height: 126px;
  left: 429px;
  top: 0px;
}

.privacy-text-banner {
  font-family: 'AvantGarde Bk BT';
  position: absolute;
  left: 135px;
  /*left: 137px;*/
  top: 180px;
  width: 400px;
}

.privacy-pp-text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 60px;
  width: 61.53%;
  height: auto;
  margin: 80px 18.76%;
  
}

.privacy-spacing {
  margin-bottom: 42px;
}

.bolder {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  /* or 200% */
  /* Inchcape Dark Blue */
  color: #00233A;
}

.email {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  /* or 200% */
  /* Inchcape Dark Blue */
  color: #16BAE7;;
  cursor: pointer;
}



@media screen and (max-width: 575px) {
  /* Text */
  .large-banner{
    font-weight: 700;
    font-size: 45px;
    line-height: 85%;
  }

  .blue-vector {
    width: 132px;
    height: 121px;
    left: 65.36px;
    top: 0px;
  }

  .privacy-pp-banner {

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 735px;
    width: 100%;
  }

  .privacy-text-banner {
    left: 35px;
    top: 627px;
    width: 160px;
  }

  .privacy-pp-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 60px;
    width: 93%;
    height: auto;
    margin: 80px 3.5%;
    
  }

}