/* CENTER 1.0 */

/* RESET */

.header-fixed #body-wrapper { 
  padding-top: 4rem; 
}

.header-fixed .hero + #start > #body-wrapper { padding-top: 0; }

section.section {position: relative; }

.overlay-light, .overlay-dark, .overlay-light-gradient, .overlay-dark-gradient { z-index: 0; }

.image-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }

.overlay-light .image-overlay {}

a:focus { outline: none !important; box-shadow: none !important; }

.table table { border-spacing: 0; border-collapse: collapse; width: 100%; }

pre code, pre.xdebug-var-dump { background: #fafafa; display: block; padding: 1rem !important; line-height: 1.5; color: inherit; border-radius: 2px; overflow-x: auto; }

pre[class*="language-"] code { border-radius: inherit; padding: 0 !important; overflow-x: initial; }

pre code:not(.hljs):not([class*="language-"]) { background: #f8f8f8; }

i.fa.fa-heart.pulse, i.fa.fa-heart-o.pulse { color: #920; }

#error { text-align: center; position: relative; margin-top: 5rem; }

#error .icon { font-size: 50px; }

#messages { margin-bottom: 1rem; }

#messages .icon { font-size: 1rem; }

ul, ol { margin-left: 1.6rem; }

ul ul, ul ol, ol ul, ol ol { margin-left: 1.6rem; }

ul { list-style: disc outside; }

ol { list-style: decimal outside; }

.notices { margin: 1.5rem 0; }

.notices p { margin: 1rem 0; }

form .button-wrapper { margin-top: 0.75rem; margin-bottom: 1rem; }

form span.required { color: #e85600; font-weight: 700; font-size: 1.2rem; }

form .form-input[type=range] { -webkit-appearance: slider-horizontal; -moz-appearance: slider-horizontal; appearance: slider-horizontal; }

form .form-input[type=range]:focus { box-shadow: none; border: none; }

form .form-group:not(.form-field-toggleable) .checkboxes { display: inherit; }

form .form-group:not(.form-field-toggleable) .checkboxes label { display: inherit; padding: 0.1rem 0.4rem 0.1rem 1.2rem; margin: inherit; }

form .form-group:not(.form-field-toggleable) .checkboxes label:before { display: none; }

#grav-login > form { margin: 2rem auto 0; max-width: 350px; }

#grav-login .form-label { display: none; }

#grav-login .form-data { margin: 1rem 0; }

#grav-login .form-input { text-align: center; }

#grav-login .button-wrapper { text-align: right; }

#grav-login .button-wrapper .form-data.rememberme { margin: 0; float: left; }

#grav-login .login-form button[type="submit"] { background: #3085EE; border-color: #227ded; color: #fff; }

#grav-login .login-form button[type="submit"]:focus, #grav-login .login-form button[type="submit"]:hover { background: #1877ec; border-color: #1370e3; color: #fff; }

#grav-login .login-form button[type="submit"]:active, #grav-login .login-form button[type="submit"].active { background: #1372e7; border-color: #126bd9; color: #fff; }

#grav-login .twofa-form button[type="submit"]:first-child { background: #3085EE; border-color: #227ded; color: #fff; float: right; margin-left: 4px; }

#grav-login .twofa-form button[type="submit"]:first-child:focus, #grav-login .twofa-form button[type="submit"]:first-child:hover { background: #1877ec; border-color: #1370e3; color: #fff; }

#grav-login .twofa-form button[type="submit"]:first-child:active, #grav-login .twofa-form button[type="submit"]:first-child.active { background: #1372e7; border-color: #126bd9; color: #fff; }

.mobile-container { position: absolute; top: 40%; left: 0; margin: 0 auto; z-index: 2; }

.overlay { 
  position: fixed; 
  background: #ffffff; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 0%; 
  opacity: 0; 
  visibility: hidden; 
  transition: opacity .35s, visibility .35s, height .35s; 
  z-index: 9999 !important;  
}

.overlay.open { 
  opacity: 1; 
  visibility: visible; 
  height: 100%; 
}

.overlay nav { 
  position: relative; 
  margin: 0 auto; 
  text-align: center; 
}

.overlay-menu { 
  height: calc(100% - 90px); 
  overflow-y: scroll; 
}

  .overlay-menu ul { 
    padding-top: 3rem;
  }

.overlay-menu > .tree { 
  text-align: left; 
}

.treemenu.treemenu-root { 
  margin: 1rem 1rem 1.5rem 1rem; 
}

.treemenu li {
  list-style: none !important; 
  margin: 0 0 .75rem 0; 
  padding: 0; 
}

.treemenu li a { 
  display: block; 
  font-size: 1.5rem; 
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active { 
  color: #000 !important; 
  text-decoration: none; 
}

.treemenu ul { margin: 0 0 0 1rem; }

.treemenu .toggler { cursor: pointer; vertical-align: top; font-size: 1.1rem; line-height: 1rem; padding-left: 5px; float: left; }

.treemenu .toggler:before { display: inline-block; margin-right: 2pt; }

/*
.treemenu li.tree-empty > .toggler { opacity: 0.3; cursor: default; }

.treemenu li.tree-empty > .toggler:before { content: "\2022"; }

.treemenu li.tree-closed > .toggler:before { content: "+"; }

.treemenu li.tree-opened > .toggler:before { content: "\2212"; }
*/

.mobile-nav-open { overflow-y: hidden; }

.header-dark #header:not(.scrolled) { background: #222; color: #fff; }

.header-dark #header:not(.scrolled) a { color: rgba(255, 255, 255, 0.7) !important; }

.header-dark #header:not(.scrolled) a.active { color: #fff !important; }

.header-dark #header:not(.scrolled) .dropmenu ul ul a { color: #454d5d !important; }

.header-dark #header:not(.scrolled) .logo svg path { fill: #fff; }

.header-dark.header-transparent #header:not(.scrolled) { background: rgba(0, 0, 0, 0.05); }

.header-transparent #header:not(.scrolled) { background: rgba(255, 255, 255, 0.05); }

body.header-fixed.header-animated #header.scrolled .logo svg, body.header-fixed.header-animated #header.scrolled .logo img {}

body.header-fixed.header-animated #header.scrolled ~ .mobile-menu .button_container { 
  top: 1rem; 
}

.login-status-wrapper { white-space: nowrap; }

@media (max-width: 840px) { .dropmenu { display: none; } }

.dropmenu ul { white-space: nowrap; margin: 0; display: -ms-flexbox; display: flex; }

.dropmenu ul li { position: relative; margin: 0; }

.dropmenu ul li a {}

.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active { color: #3085EE !important; }

.dropmenu ul li a:before { content: '+'; font-family: 'FontAwesome'; display: inline-block; vertical-align: middle; float: right; margin-right: -20px; }

.dropmenu ul li a:only-child {}

.dropmenu ul li a:only-child:before { content: ''; }

.dropmenu ul li:hover > ul { display: block; visibility: visible; }

.dropmenu ul ul li a:before { content: '\f105'; }

.dropmenu ul ul { position: absolute; top: 100%; list-style: none; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); visibility: hidden; }

.dropmenu ul ul ul { position: absolute; left: 100%; top: 0; }

.dropmenu > ul > li { display: inline-block; }

.dropmenu.animated ul li { transition: background .7s, color 0.5s; }

.dropmenu.animated ul li:hover > ul { opacity: 1; transform: translateY(0); }

.dropmenu.animated ul ul { transition: transform .3s, opacity .5s; opacity: 0; transform: translateY(-10px); }

.extra-spacing:not(.col-12), :not(.col12) > .e-content { padding-right: 1rem; }

@media (max-width: 840px) { .extra-spacing:not(.col-12), :not(.col12) > .e-content { padding-right: 0; } }

#breadcrumbs { padding-left: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: -1rem; margin-bottom: 1rem; }

#breadcrumbs i { display: none; }

#breadcrumbs span, #breadcrumbs a { padding: 0 0.5rem; }

#breadcrumbs span:first-child, #breadcrumbs a:first-child { padding-left: 0; }

#breadcrumbs span:not(:first-child)::before, #breadcrumbs a:not(:first-child)::before { color: #e7e9ed; content: "/"; padding-right: 1rem; }

.blog-listing .bricklayer-column { padding-left: 0px; padding-right: 25px; }

.blog-listing .card { margin-bottom: 25px; border: 0; box-shadow: 0 10px 45px -9px rgba(0, 0, 0, 0.1); }

.blog-listing .card-footer { text-align: right; }

.blog-listing .blog-date { font-size: 13px; }

.content-title { margin-bottom: 2rem; }

.content-title h2 { margin-bottom: 0.5rem; }

.label { font-size: 12px; text-transform: uppercase; }

ul.pagination { -ms-flex-pack: center; justify-content: center; }

.prev-next { margin-top: 4rem; }

#sidebar ul.related-pages { box-shadow: none; padding: 0; z-index: 1; }

#sidebar ul.related-pages li {}

#sidebar ul.related-pages li:last-child { border-bottom: 0; }

#sidebar ul.archives { list-style: none; margin-left: 0; }

#sidebar ul.archives .label { vertical-align: text-top; }

.modular-features { text-align: center; }

.modular-features.offset-box .frame-box { margin: -3rem -1.4rem 3rem; padding: 1rem 1rem; background: #fff; box-shadow: 0 0 75px 0 rgba(69, 77, 93, 0.1); }

.modular-features.small .columns { margin-top: -1rem; }

.modular-features.small .column:hover .feature-icon i { color: #3085EE; }

.modular-features.small .feature-icon { display: block; -ms-flex-pack: left; justify-content: left; }

.modular-features.small .feature-icon i { position: relative; display: inherit; font-size: 70px; margin: 0 auto 1rem; transform: none; left: auto; top: auto; color: #acb3c2; }

.modular-features.small .feature-icon h6 { text-transform: none; }

.modular-features .frame-box { padding: 3rem 0; }

.modular-features .frame-box > p { max-width: 600px; margin-left: auto; margin-right: auto; }

.modular-features .column { padding: 1rem; }

.modular-features .column:hover .feature-icon { color: #acb3c2; }

.modular-features .column:hover .feature-icon h6 { color: #3085EE; }

.modular-features .column:hover .feature-content { color: #667189; }

.modular-features .feature-icon { font-size: 130px; height: 100px; color: #e7e9ed; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 1rem 0; }

.modular-features .feature-icon i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.modular-features .feature-icon h6 { background: #fff; line-height: 1; z-index: 1; text-transform: uppercase; font-weight: 600; margin: 0; display: block; color: #667189; }

.modular-features .feature-content { color: #acb3c2; }

.modular-text .columns.left { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }


/* imports */

/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* reset */

body#top {
  margin: 0;
  width: 100vw;
}

#header {
  font-size: 1rem;
  font-weight: 300;
  height: 1.5rem;
  color: #000;
  border-bottom: 0;
  background: transparent;
  font-weight: 400;
  z-index: 9999;
}

  #header a, #header h1 {
    color: #000;
    z-index: 9999;
  }

  .header-fixed #body-wrapper {
    padding-top: 0;
  }

  nav.navbar {
  }

.container.grid-lg {
  max-width: 100%;
}

#body-wrapper .container {
  padding: 0;
}

p {
  max-width: 60vw;
  margin: 0 auto 0 auto;
}

.container h3 {
  font-weight: 500;
  margin: 2rem 0 .5rem 0;
  font-size: 1rem;
}

p > img {
  border-radius: 10px;
  width: 80vw;
  margin-left: -10vw;  /* fix for p width*/
}

ol, ul, ol li, ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

  ul li p {
    display: inline;
  }

.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
  color: #000 !important;
}


/* base */

html {
	font-size: 18px;
	}

body {
	color: #000;
	font-family: "Inter", helvetica, arial, sans serif;
	font-size: 1rem;
  font-weight: 300;
  line-height: 1.33rem;
	text-rendering: optimizeLegibility;
}

a, a:link, a:active, a:hover, a:visited {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
}

i {
  font-style: normal;
}

::selection {
  background: #000;
  color: #fff;
}

h1, h2, h3 {
	font-weight: 300;
  margin: 0;
}

h1, p, ul, ol {
  margin-bottom: 1.33rem;
}

h1.page-title {
  text-align: center;
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 400;
  padding: 0 2rem 0 2rem;
}

section.container h1 {
  text-align: center;
  font-size: 2.75rem;
  line-height: 3.25rem;
  font-weight: 400;
  margin: 1.5rem auto 3rem auto;
}

.balance-text {
  text-wrap: balance;
}


/* layout */

#page-wrapper {
  height: 100%;
}

#header {
  padding: .7rem 1.5rem .75rem 1.5rem;
  position: relative;
  border: 0;
  width: calc(100vw - 3rem);
  border-bottom: 1px solid #000000;
  font-size: .9rem;
  background-color: #fff;
  z-index: 99;
}

  .header-fixed #header {
    position: relative;
  }

  #header ul li {
    list-style-type: none;
    display: inline;
    margin-right: 1rem;
  }

  div#cart {
    position: absolute;
    top: .66rem;
    right: 1.5rem;
  }

    div#cart a {
      margin-left: .75rem;
    }

      div#cart a b {
        font-weight: 600;
      }

/* animated sandwich icon */

.mobile-menu .button_container { 
  position: absolute; 
    top: .95rem; 
    right: 1rem; 
  height: 24px; 
  width: 28px; 
  cursor: pointer; 
  z-index: 100; 
  /*transition: opacity .25s ease, top 0.5s ease; */
}

.mobile-menu .button_container:hover { opacity: .7; }

.mobile-menu .button_container.active { position: fixed; }

.mobile-menu .button_container.active .top { 
  transform: translateY(10px) translateX(0) rotate(45deg); 
}

.mobile-menu .button_container.active .middle { opacity: 0; 
  /*background: #FFF;*/ 
}

.mobile-menu .button_container.active .bottom { 
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

.mobile-menu .button_container span { background: #000000; border: none; height: 2px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; }

.mobile-menu .button_container span:nth-of-type(2) { top: .5rem; }

.mobile-menu .button_container span:nth-of-type(3) { top: 1rem; }

/* layout - continued */

#body-wrapper {
  padding: 1rem 1.5rem 1rem 1.5rem !important;
}

  #body-wrapper > section {
    width: calc(100vw - 2rem);
  }

  #body-wrapper > section > img {
    width: calc(100vw - 4rem);
    max-width: 80%;
    margin: 0 auto 4vw auto;
    display: block;
  }

.padded {
  padding: 1rem;
}

#content {
  width: 90vw;
  margin: 2rem auto 0 auto;
}

img.logos {
  border-radius: 0;
  width: 60vw;
  margin: .5rem auto 2rem auto;
}

#footer {
  border-top: 1px solid #000000;
  /*background-color: #f0f0f0;*/
  /*border-top: 1px solid #000;*/
  padding: 1rem 1.5rem 2rem 1.5rem;
  width: calc(100% - 3rem) !important;
}

  #footer p {
    max-width: none !important;
    font-size: .75rem;
    line-height: 1rem;
    margin-bottom: .5rem;
  }

  #footer ul {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    margin: 0 auto 0 auto;
  }

    #footer ul li {
      margin-right: .5rem;
      display: inline-block;
    }

    #social {
      padding-bottom: .5rem;
    }

img.back {
  height: .9rem;
  margin: 0 0 -.17rem .25rem;
}

/* fake shop */

div.products {
  margin: 0 auto 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  gap: 1rem;
}

  div.products-thumbs {
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid transparent;
    flex: calc(25% - .75rem);
    flex-grow: 0;
    padding: 1.5rem;
    border-radius: 10px;
    gap: 1.5rem;
  }

    div.products-thumbs:hover {
      border-color: #000000;
    }

    div.products-thumbs img {
      width: 100%;
      margin-bottom: 1rem;
    }

    div.products-thumbs h2 {
      font-size: 1rem;
      line-height: 1.25rem;
      text-align: center;
    }

    div.products-thumbs .price {
      margin-top: .5rem;
      font-size: .9rem;
      text-align: center;
      display: block;
    }

h1.product-name {
  text-align: left !important;
  font-weight: 500;
  font-size: 2rem !important;
  line-height: 2.4rem;
  margin: 0 0 1.5rem 0;
  padding: 0;
  width: calc(55.55vw - 10vw);
  position: relative;
    left: -22.5vw;
}

.product-img {
  width: calc(44.44vw - 5vw);
  position: absolute;
  right: 5vw;
  top: calc(4vw + .5rem);
}

  .product-img img {
    width: 100%;
  }

.product-description {
  width: calc(55.55vw - 10vw);
  left: 0vw;
}

.product-price {
  font-size: 1.2rem;
}

.discount {
  display: none;
}

.product-text {
}

  .product-text h2 {
    font-size: 1rem;
    font-weight: 600;
    margin: .5rem 0 0 0;
  }

  .product-text ol li {
    list-style-type: decimal;
    margin-left: -0.33rem;
  }

  .product-text ul {
    list-style-type: none;
    margin-left: 1.5rem;
  }

  .product-text ul li {
    text-indent: -1.5rem;
    margin-left: -.75rem;
  }

  .product-text ul li:before {
    content: "– ";
    margin-left: .75rem;
  }

.livraison, .politique-de-retour {
  font-size: .75rem;
  line-height: 1rem;
}

.buy:hover {
  cursor: pointer;
}

.swal2-title {
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  line-height: 1.75rem !important;
}

#related {
  margin: 4vw 1.25rem 0 1.25rem;
}

  #related > div.products {
  }
  
    #related > div.products > div.products-thumbs {
      flex: calc(20% - .7rem);
      max-width: calc(25% - .7rem);
    }

#related-harmodex {
  margin: 1rem 0 1rem 0;
}

#related h2,
#related-harmodex h2 {
  font-size: 1.15rem;
  margin-bottom: 1rem;
}

#related-harmodex div.cards-thumbs h2 {
  font-size: 1.5rem;
  line-height: 1.66rem;
}


/* NEWSROOM */

div.news {
  margin: 0 auto 0 auto;
  width: calc(100vw - 3rem);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  gap: 1rem;
}

  div.news-thumbs {
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid transparent;
    flex: calc(32.25%);
    flex-grow: 0;
    padding: 1.5rem;
    border-radius: 10px;
  }

    div.news-thumbs img {
      width: 100%;
      margin-bottom: 1rem;
    }

    div.news-thumbs-img-bg {
      background-repeat: no-repeat;
      background-position: center; 
      background-size: cover;
      border-radius: 10px;
      background-color: #e3e3e3;
      width: 100%;
      height: 16.66vw;
    }

    div.news-thumbs h2 {
      font-size: 1rem;
      text-align: center;
    }

    div.news-thumbs .date {
      margin-top: .5rem;
      font-size: .9rem;
      text-align: center;
      display: block;
    }

h1.news {
  font-size: 2rem;
  line-height: 2.5rem;
}

p span.date {
  border: 1px solid #000;
  font-size: .75rem;
  font-weight: 500;
  padding: .25rem .75rem .25rem .75rem;
  border-radius: 50px; 
/*  display: block;
  margin-bottom: 2rem; */
}

#news-footer {
  max-width: 60vw;
  margin: 1rem auto 2.5rem auto;
  font-size: .75rem;
  line-height: 1rem;
}

  #news-footer h3 {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
  }

#arrows {
  max-width: 60vw;
  margin: 0 auto 1.5rem auto;
}

  #arrows a {
    font-weight: 400;
    margin-right: .5rem;
  }


/* profiles */

div.profiles {
  margin: 0 auto 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  gap: 1rem;
}

  div.profiles-thumbs {
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid transparent;
    flex: calc(33.335% - .7rem);
    flex-grow: 0;
    padding: 1.5rem;
    border-radius: 10px;
  }

  div.profiles-thumbs:hover {
    border-color: #acb3c2;
  }

  div.profiles-thumbs h2 {
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 400;
  }

  div.profiles-thumbs-img-bg {
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    background-color: #e3e3e3;
    width: 100%;
    height: 16.66vw;
    margin-bottom: 1rem;
  }


/* modular pages */

.modular-text { 
  padding-top: 4vw; 
}

section.grey {
  background-color: #d1d1d1;
}

div.img-bg {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  background-color: #ececec;
  padding: 3rem 0 2rem 0;
  color: #fff;
  height: calc(100vh - 3rem - 5rem);
  margin: 0 1.5rem 1.5rem 1.5rem;
  width: calc(100vw - 3rem);
}

.img-bg > h1 {
  color: #fff;
  padding-top: 2rem;
}

.img-bg > h2 {
  color: #fff;
}

.img-bg > h3 {
  color: #fff;
}

.img-bg > h4 {
  color: #fff;
}

.modular-hero {
  color: #fff;
  background-repeat: no-repeat;
  background-position: center; 
  background-size: cover;
  min-height: calc(100vh - 4rem - 2.33rem);
  padding: 2rem 0 2rem 0;
  margin: -1px 0 1.5rem 0;
  z-index: 9990;
}

  .modular-hero #to-start { 
    display: none;
  }

  .modular-hero h1.page-title { 
    font-size: 5rem !important;
    line-height: 5rem;
    padding: 0;
    width: 80vw;
  }

  #vimeohero .page-title h1 {
    font-weight: 400;
    font-size: 5rem !important;
    line-height: 5rem;
    margin: 3.75rem auto 0 auto !important;
    padding: 0;
    width: 100%;
    text-align: center;
  }

  .text-light {
    color: #fff;
  }

div#container {
  white-space: nowrap;
  min-width: 100vh;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 2rem;
  padding-left: .5rem;
  scrollbar-width: none;
}

  div.items::-webkit-scrollbar{
    display: none;
  }
  
  .items-thumbs {
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover /*120vh 80vh*/;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    vertical-align: top;
    display: inline-block;
    margin: 0 0 0 1rem;
    width: 500px;
    height: calc(100vh - 5rem);
    min-height: 400px;
  }

  .items-thumbs .gradient-bg {
    background: linear-gradient(transparent 50%, rgba(0,0,0,.75) 75%);
    position: relative;
    height: calc(100% - 3rem);
    padding: 1.5rem;
    width: calc(100% - 3rem);
    border-radius: 10px;
  }

  .items-thumbs .gradient-bg .harmodex-tag {
    font-weight: 400;
    color: #fff;
    background-color: transparent;
    border-radius: 20px;
    border: 1px solid #fff;
    letter-spacing: .025rem;
    margin: 0 0 .33rem 0;
    padding: 0 .5rem 0 .5rem;
    font-size: .75rem;
    text-align: center;
    display: inline-block;
    width: fit-content;
  }

  .items-thumbs .gradient-bg h3.item-title {
    font-size: 2rem;
    font-weight: 400;
    margin: 0 1rem 1rem 0 !important;
  }

  .items-thumbs .gradient-bg p {
    display: block;
    width: 90%;
    font-size: .8rem;
    line-height: 1rem;
    white-space: normal;
    position: absolute;
      bottom: .33rem;
  }

  h3.item-title {
    font-size: 1rem;
  }

  #slide, #slideBack {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 .5rem 0;
    font-size: 1.5rem;
  }

  #slideBack {
    margin-left: 1.5rem;
  }

section.modular-blocks p,
.modular-hero p {
  text-align: center;
  position: absolute;
  bottom: 2rem;
  min-width: 100%;
}

  section.modular-blocks p a,
  .modular-hero p a {
    background-color: #fff;
    border-radius: 40px;
    padding: .75rem 1.25rem .75rem 1.25rem;
    font-size: 1rem;
    margin: 0 auto 1.25rem auto;
    font-weight: 300;
    text-align: center;
    letter-spacing: .015rem;
  }

  section.modular-blocks p a::after, 
  .modular-hero p a::after,
  #vimeohero p a::after {
    content: ' →';
  }

div#left-right {
  padding: 4vw 4rem 2rem 4rem;
  width: calc(100% - 20vw);
  min-height: 40vw;
  display: flex;
  align-content: space-between;
  gap: 6.66vw;
  font-size: .9rem;
  line-height: 1.2rem;
}

  div#left, 
  div#right {
    align-items: center;
    flex: calc(50vw - 6.66vw - 2rem);
  }

  div#left img,
  div#right img {
    max-width: 100%;
  }

  div#left h1,
  div#right h1 {
    font-size: 2rem;
    line-height: 2.4rem;
    margin-top: 4vw;
    margin-bottom: 1.2rem;
    text-align: left;
  }

  div#left a::after,
  div#right a::after {
    content: ' →';
  }

  div.left-right-img-bg {
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    background-color: #e3e3e3;
    max-width: 100%;
    height: 40vw;
  }

div.section-title {
  text-align: center;
  width: 75vw;
  display: block;
  clear: both;
  margin: 7.5rem auto 7.5rem auto;
}

  .normal-margins {
    margin: 2rem auto 2rem auto !important;
  }

div.section-title h1 {
  font-size: 2.75rem !important;
  line-height: 3.25rem;
  font-weight: 500;
  width: 100%;
}

div.sandwich-modular {
  background-color: rgb(225, 225, 225);
  margin: 0 1rem 1rem 1rem;
  border-radius: 10px;
  width: calc(100vw - 2rem - 2rem);
  padding: 1rem 1rem 1rem 1rem;
}

div.sandwich-modular p {
  margin: 0;
}

div.sandwich-modular a {
  font-size: 1.33rem;
}

div.sandwich-modular a::after {
  content: ' →';
}

div.cards,
div.news-modular,
div.news-small-modular, 
div.cards-modular {
  width: calc(100vw - 3rem);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  gap: 1.5rem;
}

  div.cards-modular h2 {
    font-size: 1.2rem;
    font-weight: 500;
    width: 100%;
  }

div.agenda-modular {
  width: calc(100vw - 3rem);
  display: block;
  padding-bottom: 5vw;
}

  div.agenda-modular p {
    width: 100%;
    text-align: center;
  }

  div.agenda-modular p a,
  div.agenda-modular p a:active,
  div.agenda-modular p a:hover,
  div.agenda-modular p a:visited {
    background: #000;
    font-weight: 400;
    border-radius: 20rem;
    padding: .5rem 1.5rem .5rem 1.5rem;
    color: #fff;
  }

  div.agenda-modular p a::after {
    content: ' →';
  }

div.cards {
  margin: 0 !important;
}

div.news-modular, 
div.news-small-modular,
div.cards-modular,
div.agenda-modular {
  margin: 0 1.5rem 0 1.5rem;
}

/*div.cards-modular {
  margin-bottom: -1.5rem;
}*/

  div.news-modular h1,
  div.vimeo-block h1,
  div.news-small-modular h1, 
  div.agenda-modular h1,
  div.cards-modular h1, 
  div.cards h1 {
    text-align: center;
    width: 80%;
    margin: 0 auto 1rem auto;
    padding: 0;
  }

  div.news-modular-thumbs,
  div.news-small-modular-thumbs, 
  div.cards-modular-thumbs, 
  div.cards-thumbs {
    position: relative;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    box-sizing: border-box;
    border: 1px solid transparent;
    flex: calc(33.33% - 1rem);
    flex-grow: 0;
    border-radius: 10px;
    margin: 0;
    height: 50vw;
  }

  #agenda-thumbs { /* it contains the list of events */
    margin: 0 auto 4rem auto;
    width: 100%;
  }

  div.agenda-modular-thumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 .75rem 0;
    min-height: 10px;
    padding-top: .75rem;
    border-top: 1px solid rgb(0, 0, 0);
  }

    div.agenda-modular-thumbs h2 {
      font-size: 1.15rem !important;
      font-weight: 300 !important;
      display: flex;
      margin-right: 1rem;
      font-weight: 500;
      font-size: 1rem;
      flex-basis: 30%;
    }

    div.agenda-modular-thumbs .date,
    div.agenda-modular-thumbs .location-tag,
    div.agenda-modular-thumbs .link-tag {
      display: flex;
      margin-right: 1rem;
      font-size: 1rem;
    }
    
      div.agenda-modular-thumbs .date {
        font-feature-settings: "tnum";
        width: 13.5rem;
        letter-spacing: -.03rem;
      }

      div.agenda-modular-thumbs h2,
       {
        font-size: 1rem !important;
      }

      div.agenda-modular-thumbs .event-location {
        flex-basis: 36%;
      }

      div.agenda-modular-thumbs .event-website {
        font-weight: 400;
        font-size: .75rem;
        margin: 0;
        padding: 0 .5rem 0 .5rem;
        border-radius: 20px;
        border: 1px solid #000;
        max-height: 1.33rem;
        width: 2.5rem;
      }

  div.news-small-modular-thumbs {
    height: 66vh;
    min-height: 17.5rem;
  } 

    div.news-small-modular-thumbs .date {
      font-weight: 500;
      margin: 1.25rem 1.5rem .5rem 1.5rem;
      font-size: .9rem;
      letter-spacing: .01rem;
    } 

    div.news-small-modular-thumbs h2 {
      font-weight: 500;
      margin: 0 1.5rem 1.5rem 1.5rem;
      font-size: 1.25rem;
      line-height: 1.5rem;
      width: calc(100% - 3rem);
    } 

  div.cards-modular-thumbs,
  div.cards-thumbs {
    flex: calc(25% - 1.2rem);
    height: 33vw;
  }

    div.news-modular-thumbs img,
    div.cards-modular-thumbs img {
      width: 100%;
      margin-bottom: 1rem;
    }

    div.news-modular-thumbs-img-bg,
    div.news-small-modular-thumbs-img-bg,
    div.cards-modular-thumbs-img-bg,
    div.cards-thumbs-img-bg {
      background-repeat: no-repeat;
      background-position: center; 
      background-size: cover;
      border-radius: 10px;
      width: 100%;
      height: 16.66vw;
    }

    div.news-small-modular-thumbs-img-bg {
      border-radius: 10px 10px 0 0;
      height: 33vh;
    }

    .gradient-bg {
      border-radius: 10px;
      background: linear-gradient(transparent, rgba(0,0,0,.5));
      position: absolute;
      top: 0;
      height: calc(100% - 2rem);
      padding: 1rem;
      width: calc(100% - 2rem);
    }

    div.news-modular-thumbs h2,
    div.cards-modular-thumbs h2,
    div.cards-thumbs h2 {
      color: #fff;
      font-size: 1.5rem;
      line-height: 1.75rem;
      text-align: left;
      font-weight: 500;
    }

    div.cards-modular-thumbs h2,
    div.cards-thumbs h2 {
      font-size: 1.66rem;
      line-height: 1.8rem;
      margin-bottom: .5rem;
    }

    div.news-modular-thumbs .date,
    div.cards-modular-thumbs .harmodex-tag,
    div.cards-thumbs .harmodex-tag {
      font-weight: 400;
      color: #fff;
      background-color: transparent;
      border-radius: 20px;
      border: 1px solid #fff;
      letter-spacing: .025rem;
      margin: 0 0 .33rem 0;
      padding: 0 .5rem 0 .5rem;
      font-size: .75rem;
      text-align: center;
      display: inline-block;
      width: fit-content;
    }

    div.news-modular-thumbs .date {
      margin: 0 .33rem .25rem 0;
      }

    span.harmodex-tag {
      font-weight: 400;
      width: fit-content;
      border-radius: 20px;
      border: 1px solid #000;
      letter-spacing: .025rem;
      padding: 0 .5rem 0 .5rem;
      font-size: .75rem;
      display: block;
    }

    div.cards-item-bg {
      color: #fff;
      background-repeat: no-repeat;
      background-position: center; 
      background-size: cover;
      position: relative;
        top: calc(-1rem + -1px);
        left: -1.5rem;
      width: 100vw;
      height: calc(100vh - 2.90rem) !important;
      padding: 0;
      z-index: 2;
    }
    
      div.page-title-cards {
        background: linear-gradient(rgba(0 0 0 0), transparent);
        min-height: 25vh;
      }

      div.cards-item-bg a {
        color: #fff;
        z-index: 2;
      }

      div.cards-item-bg p {
        width: 900px;
        margin: 0 0 1rem 2rem;
        font-size: .9rem;
        line-height: 1.15rem;
      }

      div.cards-item-bg h1 {
        font-weight: 500;
        text-align: left;
        margin: 0 0 .5rem 1rem;
        padding-top: 3rem;
      }

      div.tags {
        position: absolute;
          bottom: 0;
        margin-bottom: .9rem;
        padding-right: 1rem;
      }

      div.cards-item-bg span.harmodex-tag {
        display: inline-block;
        color: #fff;
        border: 1px solid #fff;
        margin: .5rem .5rem 0 0;
      }

      .cards-item-text {
        background: linear-gradient(transparent, rgba(0, 0, 0, .66));
        position: absolute;
        bottom: 0;
        padding: 25vh 0 3rem 3rem;
        width: calc(100vw - 3rem);
      }

      .cards-item-text p {
        margin-left: 0 !important;
      }

      .cards-item-arrows {
        position: absolute;
        right: 2rem;
        top: 2.33rem;
        font-size: 1.5rem;
      }
  
  .news-small-modular {
    width: calc(100vw - 3rem);
    margin: 0 auto 1.5rem auto;
  }

    .news-small-modular-thumbs {
      background-color: rgba(236, 236, 236, 1);
    }

    .news-small-modular h2 {
      font-size: 1.2rem;
      font-weight: 500;
      width: 100%;
    }
    }

  .fake-shop-modular {
    margin: 3rem 2rem 0 2rem;
  }

  .fake-shop-modular h2 {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    font-weight: 500;
    text-align: center;
  }
    

/* vimeo background */

#vimeohero {
  background: #eee;
  height: calc(100vh - 2.75rem);
  overflow: hidden;
  padding: 0;
  position: relative;
  top: -1px;
  z-index: 10;
  margin-bottom: 1.5rem;
  z-index: 9990;
}

  #vimeohero p {
    position: absolute;
    bottom: 3rem;
    width: 100vw !important;
    max-width: 100% !important;
    margin: 0;
    text-align: center;
  }

  #vimeohero p a {
    background-color: #fff;
    border-radius: 40px;
    padding: .75rem 1.25rem .75rem 1.25rem;
    font-size: 1rem;
    margin: auto 0 auto 0;
    font-weight: 300;
    text-align: center;
    letter-spacing: .015rem;
    text-align: center;
  }

#vimeo-embed {
  box-sizing: border-box;
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  width: 177.77777778vh;
  z-index: -999;
}

body.vp-center {
  display: none;
}


/* vimeo-block */

#vimeo-block {
  margin: 0 1.5rem 1.5rem 1.5rem;
}

#vimeo-block iframe {
  width: calc(100vw - 3rem);
  border-radius: 10px;
}

#vimeo-block iframe #player {
  width: calc(100vw - 3rem);
  border-radius: 10px;
}


/* forms */

#contact {
  width: calc(100vw - 6rem);
  margin: 0 auto 0 auto;
}

.form-group {
  box-sizing: border-box;
  display: inline-block;
  clear: both;
  border-radius: 10px;
  border: 1px solid #000000;
  margin-bottom: 1rem;
  width: calc(100vw - 4rem - 2rem);
  padding: .75rem 1rem .5rem 1rem;
}

  .form-group:hover {
    background-color: #efefef !important;
    box-sizing: border-box;
    background-color: transparent;
    border: 1px solid transparent;
  }

.form-label {
  display: block;
  margin-bottom: .25rem !important;
}

form span.required {
  display: none;
}

.form-input, textarea, .form-select {
  display: inline-block;
  background-color: transparent;
  font-family: "Inter", helvetica, arial, sans serif;
  font-size: 1rem;
  width: 100%;
  color: #000;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  padding: 0;
  border: 0;
}

textarea {
  padding-top: .1rem !important;
  height: 2rem !important;
}

.form-input:focus, .text-area:focus {
  outline: none;
}

input::placeholder, textarea::placeholder {
  color: #000;
  opacity: 999;
}

div.form-input-wrapper {
  background-color: transparent;
  border: 0 !important;
  border-radius: 0px !important;
} 

div.form-input-addon {
  background-color: transparent !important;
  border-radius: 10px;
}

.basic-captcha {
  border: 0;
  background-color: transparent;
}

.btn {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 40px;
  padding: .75rem 1.25rem .75rem 1.25rem;
  font-size: 1rem;
  font-size: .9rem;
  margin: 1.25rem 0 1.25rem 0;
  font-weight: 300;
  letter-spacing: .015rem;
}

  .btn[type="submit"] {
  }

  .btn[type="reset"] {
  }

  .btn:hover {
    background-color: #000000;
    color: #fff;
  }

  #reload-captcha {
    background-color: transparent;
    border: 0;
  }


/* header??? */

.logo {
  display: none;
  margin-right: .5rem;
}

  .logo h1 {
    font-size: 1rem !important;
  }

.desktop-menu {
  width: auto;
  display: inline-block;
}

.mobile-logo svg, .mobile-logo img { 
  display: none;
}

.mobile-logo svg path, .mobile-logo img path {
  fill: #fff;
}

.mobile-menu {
  display: none; 
  top: 0; 
  right: 0; 
  z-index: 3; 
}

.header-fixed .mobile-menu { position: fixed; }


/* cookie stuff */

.cc-btn {
  border: 0;
  border-radius: 200px !important;
  font-weight: 400;
}

.cc-revoke, .cc-window {
  font-family: 'Inter';
}

.cc-link {
  display: none;
}

/* SIZES */

@media (max-width: 1100px) { 

  p,
  #news-footer {
    max-width: 75vw;
  }

}


@media (max-width: 840px) { 

  #header {
    position: fixed;
      top: 0;
    height: 1.75rem;
    z-index: 888 !important;
    border-bottom: 1px solid #000;
  }

    #header .navbar-section { 
      margin-right: 2rem; 
    } 

    #header .navbar-section.desktop-menu { 
      display: none; 
    } 

    .header-fixed #header { 
      background-color: #fff;
      position: fixed !important; 
        top: 0; 
      z-index: 9996 !important; 
    }
    
    /*
    body.header-fixed.header-animated #header.scrolled { 
      background-color: #918585;
    }
    
    body.header-fixed.header-animated #header.scrolled .navbar-section { 
      background-color: #ae2f2f;
    }
    */

    div#cart {
      z-index: 9999 !important;
      position: initial;
    }

      div#cart a {
        margin-left: 1rem;
        margin-right: .75rem;
        margin-bottom: .75rem;
        display: block;
        font-size: 1.5rem;
        text-align: left;

      }

    .logo {
      display: inline-block;
      z-index: 9999 !important;
    }

    .logo a h1 {
      position: fixed;
        top: 1rem;
        left: 1rem;
      margin-top: -1.1rem;
      padding: 0;
      font-size: 1.5rem !important;
      height: 1rem;
      text-align: left;
      z-index: 9998;
    }

    .mobile-menu {
      z-index: 9998;
      display: block; 
    } 

    .logo h1 {
      font-size: 1.5rem !important;
      margin-top: .5rem;
      text-align: center;
      width: 90vw;
    }

  .modular-hero,
  #vimeohero {
    margin-top: 3.2rem;
    z-index: 1;
  }

  #body-wrapper {
    margin: 0 !important;
    padding: 2rem 1rem 1.5rem 1rem !important;
  }

  #content {
    width: calc(100vw - 2rem);
  }
   
  p,
  #news-footer {
    max-width: 100%;
  }

  h1.news {
    margin-top: 3.5rem !important;
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  .container h3 {
    max-width: 100%;
    margin: 0 !important;
    font-size: .9rem !important;
  }

  div#arrows {
    margin-left: 0;
    margin-right: 0;
  }

  #body-wrapper > section > img {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  p > img {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    display: block;
  }

  h1.page-title {
    font-size: 1.75rem !important;
    line-height: 2rem !important;
    margin-top: 3.25rem !important;
  }

  .modular-hero h1.page-title,
  #vimeohero div.section-title h1 {
    font-size: 2.75rem !important;
    line-height: 3rem;
  }

  #vimeohero .page-title h1 {
    font-size: 2.75rem !important;
    line-height: 3rem;
  }

  div.section-title {
    margin: 4rem 1rem 4rem 1rem;
    width: calc(100% - 2rem);
  }
  
    div.section-title h1 {
      font-size: 1.75rem !important;
      line-height: 2rem;
    }

  div#container {
    min-width: calc(100vw - .5rem);
    margin-left: 0 !important;
  }

    #slide, #slideBack {
      display: none;
    }

    .items-thumbs {
      width: calc(100vw - 2rem);
      margin-left: .5rem;
      margin-right: .5rem;
    }

  #vimeo-block,
  .news-modular,
  .cards-modular,
  .news-small-modular,
  .img-bg {
    margin: 0 1rem 1rem 1rem !important;
    width: calc(100vw - 2rem) !important;
  }

  div.img-bg {
    height: 80vh;
    padding: 1.5rem 0 1.5rem 0;
  }

  .news-modular-thumbs,
  .cards-modular-thumbs,
  .news-small-modular-thumbs,
  .products-thumbs {
    flex-basis: 100% !important;
    margin-bottom: -.5rem !important;
  }

    .products-thumbs {
      border-radius: 0 !important;
    }

      .products-thumbs:hover {
        border: 0;
        border-top: 1px solid #000 !important;
      }

      .products-thumbs h2 {
        margin-bottom: .5rem;
      }

      .products-thumbs img {
        position: relative;
        display: block;
        width: 100%;
      }

      h1.product-name,
      div.product-description,
      .product-img {
        width: 100% !important;
        position: relative;
        left: 0;
      }

      div.product-text {
        margin-top: 3rem;
      }

  .agenda-modular-thumbs {
    flex-direction: column !important;
  }

  div.cards {
    width: calc(100vw - 2rem);
  }

  div.cards-modular-thumbs, 
  div.cards-thumbs {
    height: 50vw !important;
  }

  #related-harmodex {
    margin-top: 3.5rem;
  }

  div.cards-thumbs {
    flex: 100%;
    width: calc(100vw - 2rem);
  }

  div.cards-item-bg {
    width: calc(100vw + .5rem);
    top: 1rem;
  }

  div.cards-item-bg h1 {
    margin: 0 0 .5rem -.5rem;
    padding-top: 1.25rem;
  }

  .cards-item-text {
    padding: 25vh 1.5rem 2rem 1.5rem;
    width: calc(100vw - 3rem);
  }

  #related {
    margin: 4vw 0 0 0 !important;
  }

  section.modular-blocks p a, .modular-hero p a {
    font-size: .8rem;
    padding: .5rem .75rem .5rem .75rem;
  }

  div.profiles {
    display: block;
    width: calc(100vw - 2rem);
  }

  div.profiles-thumbs-img-bg {
    height: 50vw;
  }

  .agenda-modular-thumbs .date,
  .agenda-modular-thumbs h2,
  .agenda-modular-thumbs .event-location,
  .agenda-modular-thumbs .event-website,
  div.profiles-thumbs,
  div#related > div.products > div.products-thumbs {
    display: block;
    flex-basis: 100% !important;
    break-after: always !important;
  }

  div.profiles-thumbs {
    border: 0;
    padding: 0;
    margin-bottom: 2rem;
  }

  div#related {
    width: calc(100vw - 2rem);
    margin-top: 2rem;
  }

    div#related > div.products {
    }

    #related > div.products > div.products-thumbs {
      flex: calc(20% - .7rem);
      flex-basis: calc(20% - 0.7rem);
      max-width: 100%;
    }

    #footer {
      padding: 1rem 1rem 2rem 1rem;
      width: calc(100% - 2rem) !important;
    }

}

/* mobile */

@media only screen and (max-width: 540px) {

  body,
  h1, 
  h2, 
  h3,
  #header,
  .form-input {
    font-size: 0.9rem;
    line-height: 1.2rem;
      }

  #page-wrapper {
  }

  .modular-hero h1.page-title, #vimeohero div.section-title h1 {
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;

  h1.news {
    background: red;
    font-size: 1rem;
  }

}