@font-face {
  font-family: "Didot";
  src: url("../fonts/Didot.woff2") format("woff2"),
    url("../fonts/Didot.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DidotLT";
  src: url("../fonts/DidotLTStd-Bold.woff2") format("woff2"),
    url("../fonts/DidotLTStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaPro";
  src: url("../fonts/HelveticaNeueLTPro-Bd.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTPro-Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "HelveticaProRoman";
  src: url("../fonts/HelveticaNeueLTPro-Roman.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTPro-Roman.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /*========== Colors ==========*/
  --black-color: #000;
  --bg-color: #02070b;
}

/*========== Layout ==========*/

body {
  position: relative;
}

.didot {
  font-family: "Didot", serif;
}

.didotLT {
  font-family: "DidotLT", serif;
}

.HelveticaPro {
  font-family: "HelveticaPro", serif;
}

.HelveticaProRoman {
  font-family: "HelveticaProRoman", serif;
}

::placeholder {
  color: #fff !important;
}

.rotate0 {
  transform: rotate(0deg);
}

.rotate180 {
  transform: rotate(180deg);
}

/*========== Top Header ==========*/

.headerTOP {
  background-image: url("../img/header_2.webp");
  background-size: cover;
  height: 850px;
}

@media screen and (min-width: 2036px) {
  .headerTOP {
    height: 1150px;
    background-image: url("../img/header_3.webp");
    background-position: top;
  }
}

@media screen and (max-width: 536px) {
  .headerTOP {
    height: 320px;
    background-image: url("../img/header_3.webp");
    background-position: center;
  }
}

/*========== SERVICES ==========*/

#services {
  background-image: url("../img/bkg_zd1.webp");
  background-size: cover;
}

/*========== FOOTER ==========

footer {
  background-image: url("../img/footer_bg.webp");
  background-size: cover;
  background-position: center;
}

 */