.layout-columns, .layout-gold {
  padding-top: 5rem;
  padding-bottom: 5rem;
  // padding-left: 1.5rem;
  // padding-right: 1.5rem;
  @media screen and($bp-larger-than-phablet) {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  &.no-padding {
    padding-bottom: 0 !important;
  }
  .layout-title {
    position: relative;
    text-align: center;
    margin: 0 auto 3.5rem;
    z-index: 0;
    font-size: calc(1em + 1vw);
    letter-spacing: 2px;
    &:after {
      content:'';
      @extend .centered;
      height: 1px;
      width: 100%;
      background-color: $primary-color;
      z-index: -1;
      display: none;
    }
    @media screen and($bp-larger-than-mobile) {
      font-size: calc(1.25em + 1.25vw);
      &:after {
        display: block;
      }
    }
    @media screen and($bp-larger-than-tablet) {
      max-width: 75%;
      font-size: calc(1.5em + 1.5vw);
    }
    span {
      z-index: 1;
      background-color: $white;
      @media screen and($bp-larger-than-tablet) {
        padding-left: 3rem;
        padding-right: 3rem;
      }
    }
  }
  hr {
    // margin-left: 2.5rem;
    // margin-right: 2.5rem;
  }
  .justify-center {
    justify-content: center;
  }
  .block-content {
    p {
      img {
        @extend .img-responsive;
        &.zoom-img {
          transition: all .45s $easing;
          &:hover {
            transform: scale(1.04);
            opacity: .85;
            // filter: sepia(50%);
          }
        }
      }
    }
    &.right.smaller {
      @media screen and($bp-larger-than-tablet) {
        padding-left: 20rem;
      }
    }
    &.left.smaller {
      @media screen and($bp-larger-than-tablet) {
        padding-right: 20rem;
      }
    }
    &.bordered {
      position: relative;
      &:before {
        content:'';
        position: absolute;
        bottom: 110%;
        left: 1.5rem;
        width: 50%;
        height: .85rem;
        background-color: $primary-color;
      }
      &.right.smaller {
        &:before {
          @media screen and($bp-larger-than-tablet) {
            left: 20rem;
          }
        }
      }
    }
    ul {
      li {
        list-style: none;
        position: relative;
        padding-left: 3.5rem;
        margin-bottom: 2.5rem;
        &:before {
          content:'';
          position: absolute;
          top: .5rem;
          right: 95%;
          height: 1rem;
          width: 1rem;
          // transform: translateX(-100%);
          border-radius: 100%;
          background-color: $primary-color;
        }
        @media screen and($bp-larger-than-mobile) {
          padding-left: 2.5rem;
          &:before {
            right: 97.5%;
          }
        }
      }
    }
    // GOLD VALUE UPDATER in real time
    #gold-updater {
      width: 100%;
      max-width: 30rem;
      margin: 5rem auto 0;
      display: inline-block;
      text-align: center;
      position: relative;
      padding: 4.5rem 5rem 8rem;
      border-top-left-radius: .5rem;
      border-top-right-radius: .5rem;
      border: 1px solid $black;
      .gold-value {
        font-size: calc(1.65em + 1.65vw);
        position: relative;
        color: $primary-color;
        font-weight: 500;
        line-height: 1em;
        white-space: nowrap;
        &:after {
          content:'€';
          display: inline-block;
        }
      }
      small {
        display: block;
        font-size: 1em;
      }
      .black-label {
        position: absolute;
        background-color: $black;
        color: $white;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 1rem;
      }
      & + .explaining-label {
        margin: 1rem auto 0;
        text-align: center;
        display: block;
        width: 75%;
        font-size: .8em;
        font-weight: 100;
        @media screen and($bp-larger-than-tablet) {
          width: 50%;
        }
      }
    }
    h1, h2, h3 {
      font-size: calc(1.05em + 1.05vw);
      letter-spacing: 2px;
      @media screen and($bp-larger-than-tablet) {
        font-size: calc(1.25em + 1.25vw);
      }
      a {
        color: $black;
        &:after {
          display: none;
        }
      }
    }
    h4, h5, h6 {
      font-size: 1.25em;
      font-weight: 400;
      letter-spacing: .05rem;
      font-family: $font-family-sans-serif;
      a {
        color: $black;
        &:after {
          display: none;
        }
      }
    }
    a {
      @extend .custom-underline;
      @extend .lined-up;
      @extend .gold;
      color: $primary-color;
    }
  }
  .container.small {
    > .row {
      max-width: 920px;
      margin: auto;
    }
  }
}
