@charset "utf-8";

@import url("css-reset.min.css");
@import url("fontface.css");
/*@import url('../fonts/Perpetua.css');*/
@import url("forms.css");
@import url("animations.css");
@import url("xlarge.css");
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Neutraface Text', sans-serif, serif;
*/

/* STYLES
-------------------------------------------------------------------------------------------------------------------------------------------- */
html {
  font-size: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #e8e5da;
}

a {
  color: #4c4c4a;
}

a:hover {
  color: #825e5e;
}

p,
ul li,
.accordion-content table {
  font-family: "Neutraface Text", sans-serif;
  line-height: 1.6;
  font-size: 17px;
  color: #777471;
  font-weight: 400;
  hyphens: auto;
  letter-spacing: 0.02rem;
}
.pCut > p:after {
  content: "...";
}
h3 strong,
h4 strong,
h5 strong {
  font-family: "Neutraface Bold";
  font-weight: normal;
}

small {
  font-size: 85%;
}

u {
  text-decoration: underline;
}

img {
  border: 0;
}
h1 {
  font: 5em/1 "Neutraface Text", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: white;
}
h2 {
  font-family: "Neutraface Demi", sans-serif;
  font-size: 1.125rem;
  line-height: 1.45;
  font-weight: normal;
  color: #4c4c4a;
  text-transform: uppercase;
  word-wrap: break-word;
  text-transform: uppercase;
}
h2 + p {
  margin-top: 1rem;
}
h3 {
  font-size: 1.625rem;
  line-height: 1.35;
  font-family: "Neutraface Text", sans-serif;
  font-weight: normal;
  color: #4c4c4a;
}

h4 {
  font: 1rem/1 "Neutraface Text", sans-serif;
  font-weight: normal;
  color: #635f5c;
}
h5 {
  font: 1.125rem/2.3 "Neutraface Bold", sans-serif;
  font-weight: normal;
  color: #464646;
  text-transform: uppercase;
}
h6 {
  font: 1.5rem/1.4 "Neutraface Bold", sans-serif;
  font-weight: normal;
  color: #464646;
}
blockquote p {
  font: 3.375rem/1.5 "Neutraface Bold", sans-serif;
  font-weight: normal;
  color: white;
  word-wrap: break-word;
}
h3,
h4,
h5,
h6,
p,
ul li,
ol li {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphenate-limit-chars: 16 4 4;
  -ms-hyphenate-limit-chars: 16 4 4;
  -moz-hyphenate-limit-chars: 16 4 4;
  -webkit-hyphenate-limit-chars: 16 4 4;
}

@media only screen and (min-width: 1024px) {
  p,
  .accordion-content table {
    font-size: calc(17px + 3 * (100vw - 1024px) / 576);
  }
  h2 {
    font-size: calc(20px + 4 * (100vw - 1024px) / 576);
  }
  h3 {
    font-size: calc(26px + 4 * (100vw - 1024px) / 576);
  }
  h4 {
    font-size: calc(16px + 2 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  p,
  .accordion-content table {
    font-size: 20px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 1.875rem;
  }
  h4 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 64em) and (max-width: 85.3125em) {
  h1 {
  }
  h2 {
  }
  h3 {
  }
  h4 {
  }
}
@media only screen and (max-width: 63.99875em) {
}
@media only screen and (max-width: 39.99875em) {
  h1 {
  }
  h2 {
  }
  h3 {
  }
  h4 {
  }
}
/*
.grid-container {
	padding-left: 3%;
	padding-right: 3%;
}
.grid-container .grid-margin-x {
	padding-left: 0%;
	padding-right: 0%;
}*/

/* HEADER
---------------------------------------------------------------------------------------------- */

header {
  min-height: calc(100vw * (9 / 16));
  max-height: calc(100vw * (11 / 16));
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
header.countdown_passive {
  background-image: url(../media/images/header-appuis2021.jpg);
  /*	background-image: url(../media/images/header-image.jpg);*/
}
header.countdown_active {
  background-image: url(../media/images/header-image_appius2021.jpg);
  background-position: center center;
}
header .header-content {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.stickyMenu {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  transition: all 0.5s ease;
}
.stickyMenu.modify {
  background-color: #1f1d1b;
  padding-bottom: 0.875rem;
}
.stickyMenu .logo {
  display: none;
}
.stickyMenu.modify .logo {
  display: block;
  /*	max-width: 27rem;*/
}
.subNavi {
  transition: all 0.3s ease;
  margin-top: 5vh;
  margin-bottom: 3.5vh;
}
.stickyMenu.modify .subNavi {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.social a {
  margin-right: 0.5vw;
}
.social a svg {
  width: calc(0.58rem + 1vw);
  opacity: 0.5;
  fill: #edd3b4;
}
a.searching img {
  width: 1.2rem;
  opacity: 0.5;
}
a.cta {
  font-family: "Neutraface Demi", sans-serif;
  font-size: calc(0.8rem + 0.2vw);
  font-weight: 400;
  color: #d9d6cc;
  display: inline-block;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.05rem;
  padding: 0.7rem 0.8rem 0.5rem 0.8rem;
  width: auto;
  margin-left: 1rem;
  /*	background-color: rgba(237,211,180,0.5);*/
}
a.cta:hover {
  opacity: 0.75;
  color: #f4f0e5;
}
a.sub_link {
  color: rgba(237, 211, 180, 0.5);
  font: 0.875rem/1 "Neutraface Demi";
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.btn_header_lovers {
  /*	max-width: 16rem;*/
  /*	width: 70vw;*/
  display: block;
  text-align: center;
  font: 18px/1.25 "Neutraface Demi";
  color: #353533;
  text-transform: uppercase;
}
.btn_header_lovers:hover,
.btn_header_lovers:active {
  color: #4d4c4a;
}
.btn_header_lovers .cutcornersLovers {
}

.btn_header_lovers.realLover img {
  width: 80%;
  height: 80%;
}

.btn_header_cta {
  font: 1.1rem/1 "Neutraface Demi";
  color: #d9d6cc;
  font-weight: 700;
  letter-spacing: 0.06rem;
}
.btn_header_cta:hover {
  color: rgb(163, 139, 100);
}
.btn_header_cta .cutcornersCta {
  display: inline-block;
  width: auto;
  padding: 1rem 2.2rem;
  margin-top: 1.2rem;
}
.headNavi {
  transition: all 0.3s ease-in;
}
ul.submenu.menu {
  padding: 1rem 0 0.65rem;
}
ul.submenu.menu li {
  /*	margin: 0 1rem;*/
}
@media only screen and (min-width: 64em) and (min-width: 100em) {
}
@media only screen and (min-width: 64em) and (max-width: 85.3125em) {
}
@media only screen and (min-width: 48em) and (max-width: 63.99875em) {
  header {
    background-size: cover;
  }
}
@media only screen and (max-width: 47.99875em) {
  header {
    background-size: cover;
  }

  .lang_nav {
    padding-top: 0.625rem;
  }
  .modify .lang_nav {
    padding-top: 0rem;
  }
  a.searching img {
    width: 0.8rem;
    opacity: 0.5;
  }
  .subNavi {
    transition: all 0.3s ease;
    margin-top: 3vh;
    margin-bottom: 0vh;
  }
  @media (orientation: portrait) {
    header {
      height: 86vh;
      max-height: 640px;
      border-image: none;
    }
    a.sub_link {
      font: 0.675rem/1 "Neutraface Demi";
    }
    @media only screen and (min-height: 36em) {
      header {
        height: 94vh;
      }
    }
  }
  .logo > a > img {
    max-width: 45vw;
    margin-top: -3rem;
  }
  .btn_header_lovers {
    max-width: 50vw;
  }
  .btn_header_lovers .cutcornersLovers {
    padding: 0.5rem 1rem;
  }
  .btn_header_lovers img {
    width: 100%;
    height: 100%;
  }
  .stickyMenu.modify {
    padding-bottom: 1rem;
  }
  .stickyMenu.modify .subNavi {
    margin-top: 1rem;
    margin-bottom: 0rem;
  }
  .btn_header_cta {
    font-size: 0.875rem;
  }
  .btn_header_cta .cutcornersCta {
    padding: 0.6rem 1.8rem;
    margin-top: 0.85rem;
  }

  @media (orientation: landscape) {
    header {
      height: 86vh;
      border-image: none;
    }
    .btn_header_lovers {
      max-width: 30vw;
    }
    .header_logo a img {
      max-width: 45vw;
    }
    .logo > a > img {
      max-width: 35vw;
      margin-top: -2.4rem;
    }
  }
}

@media only screen and (min-width: 1024px) {
  .btn_header_lovers {
    font-size: calc(18px + 6 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  .btn_header_lovers {
    font-size: 24px;
  }
}

/* CONTENT
---------------------------------------------------------------------------------------------- */

.content h1 {
  font-size: 42px;
  line-height: 1.35;
  font-family: "PerpetuaMTPro", serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #4c4c4a;
  margin-bottom: 2rem;
}
.content .foto_hl_container h1 {
  margin-bottom: 0rem;
  font-size: 28px;
}
.content h2 {
  font-size: 28px;
  line-height: 1.35;
  font-family: "Neutraface Text", sans-serif;
  font-weight: normal;
  color: #4c4c4a;
}
.content p,
.content h1,
.content h2 {
  text-align: center;
}
p.intro_one_col,
p.intro_two_col {
  font-family: "Neutraface Text", sans-serif;
  line-height: 1.5;
  font-size: 16px;
  color: #825e5e;
}
.first_paragraf p {
  font-size: 18px;
}
.content-items .caption {
  background-color: rgba(76, 76, 74, 0.75);
  padding: 1rem;
}
.content-items .caption p {
  color: #e8e5da;
  text-align: center;
}

@media only screen and (min-width: 1024px) {
  .content h1 {
    font-size: calc(42px + 8 * (100vw - 1024px) / 576);
  }
  .content .foto_hl_container h1 {
    font-size: calc(28px + 22 * (100vw - 1024px) / 576);
  }
  .content h2 {
    font-size: calc(28px + 2 * (100vw - 1024px) / 576);
  }
  .first_paragraf p {
    font-size: calc(18px + 2 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  .content h1,
  .content .foto_hl_container h1 {
    font-size: 50px;
  }
  .content h2 {
    font-size: 30px;
  }
  .first_paragraf p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 47.99875em) {
  .content h2 {
    margin-top: 0.8rem;
  }
}

/* site
---------------------------------------------------------------------------------------------- */

section.slideshow .square-items .item {
  width: 100vw;
  height: 46rem;
}
section.slideshow h1 {
  font-family: "PerpetuaMTPro";
  text-transform: capitalize;
  font-size: 30px;
  line-height: 1.35;
  font-weight: 400;
  color: #e8e5da;
  letter-spacing: 0.05rem;
  position: relative;
  z-index: 99;
}

@media only screen and (max-width: 100em) {
  section.slideshow .square-items .item {
    width: 100vw;
    height: calc(100vw * (9 / 16));
  }
}
@media only screen and (max-width: 47.99875em) {
  section.slideshow .square-items .item {
    height: calc(100vw * (3 / 3));
  }
  @media (orientation: landscape) {
    section.slideshow .square-items .item {
      height: calc(100vw * (7 / 16));
    }
  }
}

@media only screen and (min-width: 1024px) {
  section.slideshow h1 {
    font-size: calc(30px + 22 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  section.slideshow h1 {
    font-size: 52px;
  }
}

/* LINK BLOCKS
----------------------------------------------------------------------------------------------- */

section.link_blocks > div > a {
  /*	border-radius: 1.5rem;*/
}
section.link_blocks > div span,
section.slideshow .square-items span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /*	border-radius: 1.5rem;*/
}
section.link_blocks h3 {
  position: relative;
  font-family: "Neutraface Bold";
  z-index: 1;
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #e8e5da;
  letter-spacing: 0.05rem;
}
@media only screen and (min-width: 1024px) {
  section.link_blocks h3 {
    font-size: calc(20px + 4 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  section.link_blocks h3 {
    font-size: 1.5rem;
  }
}

/* LOVERS
----------------------------------------------------------------------------------------------- */

.lovers_bg {
  background-color: #d8cdc7;
}
.home section.lovers article {
  max-height: 280px;
}

section.lovers article h2 {
  margin-top: calc(0.4rem + 0.5vw);
  font-size: 22px;
}
section.lovers article h4 {
  margin-bottom: calc(1.5rem + 0.75vw);
  font-size: 22px;
}
section.lovers > div > div > div {
  /*	border-radius: 1.5rem;*/
}
.logo_lovers {
  width: calc(20rem + 8vw);
}
.loversHome__article {
  margin: 0 0.5rem;
}
.ratinglist > div {
  /*	background-color: #FAF9F4;*/
}
.editorlist > div {
  opacity: 0.5;
  padding-bottom: 1.25rem;
}
.editorlist > div:hover {
  opacity: 0.75;
}
.editorlist > div.active {
  opacity: 1;
  border-bottom: 0.25rem solid #7f7666;
  padding-bottom: 1rem;
}
.ratinglist a:hover {
  color: #825e5e;
}

@media only screen and (min-width: 1024px) {
  section.lovers article h2,
  section.lovers article h3 {
    font-size: calc(22px + 4 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  section.lovers article h2,
  section.lovers article h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 63.99875em) {
  .loversHome__article:nth-child(4) {
    display: none;
  }
}

@media only screen and (max-width: 47.99875em) {
  .ratinglist p {
    font-size: 12px;
  }
  .home section.lovers article {
    max-height: inherit;
  }
  .loversHome__article:nth-child(3),
  .loversHome__article:nth-child(4) {
    display: none;
  }
}

/* SOCIALPOSTS
----------------------------------------------------------------------------------------------- */

.j-poster {
  display: none;
}
.j-text {
  background-color: #825e5e;
}
.socialposts .j-text p,
.socialposts .juicer-feed .j-meta a {
  color: #edd3b4;
}
.socialposts .juicer-feed .j-meta a.j-social:hover,
.socialposts .juicer-feed .j-meta a:hover {
  color: #bba78e;
}
.socialposts .j-stack,
.j-stack li {
  margin: 0 !important;
  padding: 0 !important;
}

/* WINES-HOME
----------------------------------------------------------------------------------------------- */

.wine_home_canvas {
  min-height: 400px;
  align-items: stretch;
}

.wine_home_canvas h2,
.wine_home_canvas h6,
.wine_header h2,
.wine_header h6 {
  color: #d9d6cc;
  font-family: "PerpetuaMTPro-Bold", serif;
  font-size: 35px;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  line-height: 1.1;
}
.wine_header h2 {
  font-size: 40px;
}
.wine_home_canvas h6,
.wine_header h6 {
  font-size: 1.6rem;
}
.wine_home_canvas h3 {
  color: #d9d6cc;
  font-size: 14px;
  font-family: "Neutraface Text", sans-serif;
  font-style: italic;
  letter-spacing: 0.05rem;
  margin-top: 0.8rem;
}
.wine_home_canvas > div:first-child {
}
.wine_home_canvas:nth-child(1) > div:first-child,
.vintage_canvas.vtg_wc_4 > div,
.quote_canvas.vtg_wc_4 div {
  background-color: #231f20;
}
.wine_home_canvas:nth-child(2) > div:first-child,
.vintage_canvas.vtg_wc_5 > div,
.quote_canvas.vtg_wc_5 div {
  background-color: #725442;
}
.wine_home_canvas:nth-child(3) > div:first-child,
.vintage_canvas.vtg_wc_6 > div,
.quote_canvas.vtg_wc_6 div {
  background-color: #544537;
}
.wine_home_canvas:nth-child(4) > div:first-child,
.vintage_canvas.vtg_wc_3 > div,
.quote_canvas.vtg_wc_3 div {
  background-color: #484d48;
}
.wine_home_canvas:nth-child(5) > div:first-child,
.vintage_canvas.vtg_wc_2 > div,
.quote_canvas.vtg_wc_2 div {
  background-color: #574847;
}
.wine_home_canvas:nth-child(6) > div:first-child,
.vintage_canvas.vtg_wc_1 > div,
.quote_canvas.vtg_wc_1 div {
  background-color: #5d5a54;
}

@media only screen and (min-width: 1024px) {
  .wine_home_canvas h2 {
    font-size: calc(35px + 7 * (100vw - 1024px) / 576);
  }
  .wine_home_canvas h3 {
    font-size: calc(14px + 2 * (100vw - 1024px) / 576);
  }
  .wine_header h2 {
    font-size: calc(40px + 24 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  .wine_home_canvas h2 {
    font-size: 42px;
  }
  .wine_home_canvas h3 {
    font-size: 16px;
  }
  .wine_header h2 {
    font-size: 64px;
  }
}

/* WINES-DETAILS
----------------------------------------------------------------------------------------------- */

.wine_header {
  position: relative;
}
.wine_header > span {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.62);
  padding: 16vh 0;
}
.wine_header > div {
  height: 100%;
}
.wine_header p {
  color: #d9d6cc;
  font-size: 16px;
  font-family: "Neutraface Text", sans-serif;
}
.wine_bottles_canvas > div > div > a > img {
  height: auto;
  max-width: 80%;
  max-height: 50vh;
}
.wine_bottles_canvas h2 {
  font-size: 0px;
  line-height: 0;
  hyphens: none;
}
.wine_bottles_canvas h2 > a {
  font-size: 14px;
  line-height: 1.3;
  font-family: "Neutraface Text", sans-serif;
  hyphens: none;
  letter-spacing: 0.15rem;
}
.wine_bottles_canvas h3 > a {
  line-height: 1.3;
  hyphens: none;
}
.wine_sheet h1,
.wine_sheet h3 {
  font-family: "Neutraface Bold", sans-serif;
  font-weight: normal;
  color: #635f5c;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}
.wine_sheet h3 {
  font-size: 16px;
  letter-spacing: 0;
}
.wine_sheet .taste h3:before,
.wine_sheet .taste h3:after {
  content: " - ";
}
.wine_sheet p {
  font-weight: normal;
  color: #635f5c;
  font-size: 18px;
}
.wine_sheet p.vintage {
  font-family: "Neutraface Text", sans-serif;
  font-weight: normal;
  color: #635f5c;
  font-size: 36px;
}
.wine_sheet .taste {
  border-bottom: 1px solid #4c4c4a;
  border-top: 1px solid #4c4c4a;
  margin: 3rem 0 0rem 0;
  padding: 3rem 0 2rem 0;
}
.wine_sheet .taste h3,
.wine_sheet .taste p {
  color: #827462;
}
.wine_sheet .options div:first-child {
  margin-top: 2rem;
}
.wine_sheet .taste p,
.wine_sheet .option p {
  font-family: "Neutraface Text", sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.wine_sheet .taste p {
  font-style: italic;
  letter-spacing: 0.04rem;
}
.quote_canvas > div {
  padding: 1.5rem;
}
.quote_canvas > div p {
  font-family: "Neutraface Demi", sans-serif;
  font-weight: normal;
  color: #e8e5da;
  font-size: 1.2rem;
}
.quote_canvas > div blockquote > p {
  font-family: "PerpetuaMTPro", serif;
  font-weight: normal;
  font-style: italic;
  font-size: 1.5rem;
  color: #e8e5da;
  margin-bottom: 0.8rem;
}
.vintage_canvas h3 {
  text-align: center;
  font-size: 24px;
  font-family: "Neutraface Bold", sans-serif;
  color: #e8e5da;
}
.vintage_canvas p {
  column-count: 2;
}
.vintage_canvas p a {
  font-family: "Neutraface Text", sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #e8e5da;
  display: block;
  text-align: center;
}
.vintage_canvas p a.active {
  text-decoration: underline;
}
.bottle-items {
  font-family: "Neutraface Text", sans-serif;
  font-size: 22px;
}
.bottle-items .active > div > h3,
.bottle-items .active > div > h2 {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 4px solid #7f7666;
}
.grid-x > .bottle-items.large-auto {
  /* flex: none; */
}
@media only screen and (min-width: 1024px) {
  .wine_header p {
    font-size: calc(16px + 2 * (100vw - 1024px) / 576);
  }
  .wine_bottles_canvas h2 > a {
    font-size: calc(14px + 2 * (100vw - 1024px) / 576);
  }
  .wine_sheet p.vintage {
    font-size: calc(36px + 5 * (100vw - 1024px) / 576);
  }
  .wine_sheet h1 {
    font-size: calc(30px + 4 * (100vw - 1024px) / 576);
  }
  .wine_sheet h3 {
    font-size: calc(16px + 4 * (100vw - 1024px) / 576);
  }
  .wine_sheet p {
    font-size: calc(18px + 3 * (100vw - 1024px) / 576);
  }
  .wine_sheet .taste p,
  .wine_sheet .option p {
    font-size: calc(16px + 2 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  .wine_header p {
    font-size: 18px;
  }
  .wine_bottles_canvas h2 > a {
    font-size: 16px;
  }
  .wine_sheet p.vintage {
    font-size: 41px;
  }
  .wine_sheet h1 {
    font-size: 34px;
  }
  .wine_sheet h3 {
    font-size: 20px;
  }
  .wine_sheet p {
    font-size: 21px;
  }
  .wine_sheet .taste p,
  .wine_sheet .option p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 47.99875em) {
  .bottle-items {
    font-size: 18px;
  }
}

/* SEARCH 
----------------------------------------------------------------------------------------------- */
.search form p.text-left,
.search form h2.text-left {
  text-align: left;
}

/* PEOPLE 
----------------------------------------------------------------------------------------------- */
.people article {
  background-color: #faf9f4;
}
.people article .name {
  padding: 1.3rem 0.9rem;
  margin: 0;
}
.people article .name p {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
}
.people article .contact {
  padding: 0.5rem 0 1.3rem 0;
  margin: 0 1.3rem;
  border-top: 1px solid #cececd;
}
.people article .contact p {
  font-size: 16px;
  margin: 0;
  line-height: 1.2;
}

#map {
  width: 100%;
  height: 430px;
}

#map_canvas {
  width: 100%;
  height: 100%;
}

/* FOOTER
----------------------------------------------------------------------------------------------- */

footer p {
  font-family: "Neutraface Text", sans-serif;
  font-size: 13px;
  letter-spacing: 0.09rem;
}
.credits p {
  font-size: 13px;
  line-height: 2.125rem;
  text-transform: uppercase;
  letter-spacing: 0.09rem;
}
.credits > p > a {
}
a.bigFooterLink {
  font: 16px/1 "Neutraface Bold", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.2rem;
  color: #635f5c;
}
footer h4 {
  text-transform: uppercase;
  letter-spacing: 0.09rem;
}
footer .social a svg,
.socialwall a svg {
  fill: #635f5c;
  width: 1.6rem;
  opacity: 1;
}
.socialwall {
  justify-content: center;
  margin-top: 1rem;
}
.privacy_site h4 {
  font-size: 24px;
  font-weight: 700;
}
.privacy_site h2,
.privacy_site p {
  text-align: left;
}
.privacy_site p {
  margin-bottom: 0.8rem;
}
.privacy_site p a {
  text-decoration: underline;
}

@media only screen and (min-width: 1024px) {
  footer p,
  .credits p {
    font-size: calc(13px + 2 * (100vw - 1024px) / 576);
  }
  a.bigFooterLink {
    font-size: calc(16px + 2 * (100vw - 1024px) / 576);
  }
}
@media only screen and (min-width: 1600px) {
  footer p,
  .credits p {
    font-size: 15px;
  }
  a.bigFooterLink {
    font-size: 18px;
  }
}

div.pricacy h3 {
  font-size: 1.3rem;
  line-height: 1.35;
  font-family: "Neutraface Bold", sans-serif;
  font-weight: normal;
  color: #4c4c4a;
  margin-top: 0.6rem;
}

@media only screen and (max-width: 63.99875em) {
}
@media only screen and (max-width: 39.99875em) {
}

/* HARD FACTS */

/* ---------- GENERAL STYLES ---------- */

/*
style {
  display: none;
}*/

/* ---------- HARD FACTS COMPONENT ---------- */
.fact-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fact-row-1,
.fact-row-2,
.fact-square {
  display: flex;
}

.fact-row > div + div {
  margin-left: 3rem;
}

.fact-square {
  width: 20rem;
  height: 20rem;
  overflow: hidden;
  position: relative;
  padding: 2rem;
  clip-path: polygon(
    47% 0%,
    53% 0%,
    100% 47%,
    100% 53%,
    53% 100%,
    47% 100%,
    0% 53%,
    0% 47%
  );
  -webkit-clip-path: polygon(
    47% 0%,
    53% 0%,
    100% 47%,
    100% 53%,
    53% 100%,
    47% 100%,
    0% 53%,
    0% 47%
  );
  /* FLEX */
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* TEXT */
  color: white;
  font-family: "Neutraface Text", sans-serif;
  text-align: center;
}

.fact-square img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  filter: brightness(0.7);
}

.fact-container p {
  z-index: 1;
  color: #e8e5da;
}

.fact-container p:first-of-type {
  font-size: 4.5rem;
  letter-spacing: -3px;
  line-height: 0.7;
  margin-bottom: 0.2em;
}

.fact-container p:last-of-type {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.2;
}

/* ---------- MEDIA QUERIES ---------- */

@media (min-width: 60em) {
  .fact-row-2 {
    margin-top: -8.5rem;
  }
}

@media (max-width: 60em) {
  .fact-row {
    justify-content: center;
    flex-wrap: wrap;
  }
  .fact-row-1 > div:nth-child(3) {
    margin-left: 0;
  }
  .fact-row-2,
  .fact-row-1 > div:nth-child(3) {
    margin-top: -8.5rem;
  }
}

@media (max-width: 48em) {
  .fact-square {
    width: 15rem;
    height: 15rem;
  }
  .fact-row-1 > div:nth-child(3),
  .fact-row-2 {
    margin-top: -6.5rem;
  }
  .fact-container p:first-of-type {
    font-size: 3.3rem;
    letter-spacing: -2px;
  }
}

@media (max-width: 35em) {
  .fact-row {
    flex-direction: column;
  }
  .fact-square {
    margin-left: 0rem !important;
    margin-bottom: 1rem;
  }
  .fact-row-1 > div:nth-child(3),
  .fact-row-2 {
    margin-top: 0rem;
  }
}

/* ---------- ANIMATION ---------- */
/*
.fact-square {
  transform: translateY(40%);
  opacity: 0;
  transition: transform 1.2s, opacity 1.2s;
}

.fact-container.animate .fact-square {
  transform: translateY(0%);
  opacity: 1;
}

.fact-row-1 .fact-square:nth-child(2),
.fact-row-1 .fact-square:nth-child(2) img,
.fact-row-1 .fact-square:nth-child(2) p:first-of-type {
  transition-delay: 0.8s;
}

.fact-row-1 .fact-square:nth-child(3),
.fact-row-1 .fact-square:nth-child(3) img,
.fact-row-1 .fact-square:nth-child(3) p:first-of-type {
  transition-delay: 1.6s;
}

.fact-row-2 .fact-square:nth-child(1),
.fact-row-2 .fact-square:nth-child(1) img,
.fact-row-2 .fact-square:nth-child(1) p:first-of-type {
  transition-delay: 2.4s;
}

.fact-row-2 .fact-square:nth-child(2),
.fact-row-2 .fact-square:nth-child(2) img,
.fact-row-2 .fact-square:nth-child(2) p:first-of-type {
  transition-delay: 3.2s;
}

.fact-square img {
  transition: transform 1.2s;
}

.fact-container.animate img {
  transform: scale(1.2);
}

.fact-container p:first-of-type {
  transform: scale(0.75);
  transition: transform 1.2s;
}

.fact-container.animate p:first-of-type {
  transform: scale(1);
}
*/