.gridbox__row {
  margin-top: 0; }
  .gridbox__row.grid-single .grid-box .grid__content {
    width: 70%;
    height: 80%;
    top: 10%; }
  .gridbox__row.grid-double .grid-box .grid__content {
    width: 60%;
    height: 40%;
    top: 25%; }
  .gridbox__row.grid-triple .grid-box .grid__content {
    width: 100%;
    height: 90%;
    padding: 0 10%;
    margin-top: 5%;
    top: 0;
    padding: 0 10%; }
  .gridbox__row.grid-quadruple .grid-box .grid__content {
    width: 100%;
    height: 90%;
    padding: 0 10%;
    margin-top: 5%;
    top: 0;
    padding: 0 10%; }
  .gridbox__row.grid-onextwo .grid-box .grid__content {
    width: 80%;
    height: 60%;
    top: 5%;
    padding: 5%; }
  .gridbox__row.grid-onextwo .grid-subdivision {
    position: relative; }
    .gridbox__row.grid-onextwo .grid-subdivision:last-child {
      margin-top: 2%; }
    .gridbox__row.grid-onextwo .grid-subdivision .grid-box .grid__content {
      width: 75%;
      height: 90%;
      padding: 0 5%;
      top: 50%;
      transform: translateY(-50%); }

.grid .gridbox-wrapper {
  position: relative;
  margin-top: 2%; }
  .grid .gridbox-wrapper a.grid-box {
    text-decoration: none; }
  .grid .gridbox-wrapper .grid-box .grid__background {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0; }
    .grid .gridbox-wrapper .grid-box .grid__background img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%; }
  .grid .gridbox-wrapper .grid-box .grid__content {
    position: absolute; }
    .grid .gridbox-wrapper .grid-box .grid__content * {
      display: block; }
    .grid .gridbox-wrapper .grid-box .grid__content.white--text > * {
      color: #ffffff; }
    .grid .gridbox-wrapper .grid-box .grid__content.white--text > .button {
      color: #ffffff;
      border-color: #ffffff; }
      .grid .gridbox-wrapper .grid-box .grid__content.white--text > .button:hover {
        background-color: #000000;
        border-color: #000000; }
    .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
      margin: 0 auto;
      font-size: 1rem; }
    .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
      margin: 0;
      font-size: 1.75rem;
      line-height: 1.25em; }
    .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
      margin: 0;
      font-size: 1rem; }
    .grid .gridbox-wrapper .grid-box .grid__content button, .grid .gridbox-wrapper .grid-box .grid__content .button {
      letter-spacing: 0px;
      margin: 0 auto;
      margin-top: 1.25rem;
      margin-bottom: 1.5rem;
      width: auto;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
      .grid .gridbox-wrapper .grid-box .grid__content button:hover, .grid .gridbox-wrapper .grid-box .grid__content .button:hover {
        background-color: #000000;
        color: #ffffff; }
      .grid .gridbox-wrapper .grid-box .grid__content button.pull--bottom, .grid .gridbox-wrapper .grid-box .grid__content .button.pull--bottom {
        top: auto;
        bottom: 7%; }
    .grid .gridbox-wrapper .grid-box .grid__content.content__align-left {
      left: 0; }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-left * {
        text-align: center; }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-left button {
        margin-left: auto;
        margin-right: auto; }
    .grid .gridbox-wrapper .grid-box .grid__content.content__align-right {
      right: 0; }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-right * {
        text-align: center; }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-right button {
        margin-left: auto;
        margin-right: auto; }
    .grid .gridbox-wrapper .grid-box .grid__content.content__align-center {
      left: 50%;
      transform: translateX(-50%); }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-center * {
        text-align: center; }
      .grid .gridbox-wrapper .grid-box .grid__content.content__align-center button {
        margin-left: auto;
        margin-right: auto; }
    .grid .gridbox-wrapper .grid-box .grid__content.pull--top {
      bottom: auto;
      top: 1.5%; }
    .grid .gridbox-wrapper .grid-box .grid__content.pull--bottom {
      top: auto;
      bottom: 1%;
      height: 40%; }
  .grid .gridbox-wrapper .grid-box.grid--dark {
    background-color: #000000;
    color: #ffffff; }
    .grid .gridbox-wrapper .grid-box.grid--dark button, .grid .gridbox-wrapper .grid-box.grid--dark .button {
      border-color: #ffffff;
      color: #ffffff; }
      .grid .gridbox-wrapper .grid-box.grid--dark button:hover, .grid .gridbox-wrapper .grid-box.grid--dark .button:hover {
        background-color: #ffffff;
        color: #000000;
        text-emphasis: none; }
      .grid .gridbox-wrapper .grid-box.grid--dark button:focus, .grid .gridbox-wrapper .grid-box.grid--dark .button:focus {
        outline-color: #ffffff; }
  .grid .gridbox-wrapper .grid-box.grid--light {
    background-color: #ffffff;
    color: #000000; }
    .grid .gridbox-wrapper .grid-box.grid--light button, .grid .gridbox-wrapper .grid-box.grid--light .button {
      border-color: #000000;
      color: #000000; }
      .grid .gridbox-wrapper .grid-box.grid--light button:hover, .grid .gridbox-wrapper .grid-box.grid--light .button:hover {
        background-color: #000000;
        color: #ffffff; }
    .grid .gridbox-wrapper .grid-box.grid--light-cream {
      background-color: #f5eeeb; }
  .grid .gridbox-wrapper .grid-box .mobile {
    display: block; }
  .grid .gridbox-wrapper .grid-box .desktop {
    display: none; }
  @media screen and (min-width: 640px) {
    .grid .gridbox-wrapper .grid-box .mobile {
      display: none; }
    .grid .gridbox-wrapper .grid-box .desktop {
      display: block; } }

@media screen and (min-width: 400px) {
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 2rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 1.1rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 1.1rem; }

  .gridbox__row.grid-onextwo .grid-subdivision .grid-box .grid__content {
    height: 80%; } }
@media screen and (min-width: 520px) {
  .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
    font-size: 1.3rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 2.6rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 1.5rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 1.2rem; }

  .gridbox__row.grid-onextwo .grid-subdivision .grid-box .grid__content {
    height: 75%; } }
@media screen and (min-width: 640px) {
  .grid {
    position: relative; }
    .grid .gridbox__row {
      margin-top: 1%; }
      .grid .gridbox__row.grid-single .grid-box .grid__content {
        top: 20%; }
        .grid .gridbox__row.grid-single .grid-box .grid__content .button {
          padding: 1.75% 6%; }
      .grid .gridbox__row.grid-double .grid-box .grid__content {
        width: 60%;
        height: 50%; }
      .grid .gridbox__row.grid-triple .grid-box .grid__content {
        height: 100%; }
      .grid .gridbox__row.grid-onextwo .grid-subdivision .grid-box .grid__content {
        height: 80%; }
    .grid .gridbox-wrapper {
      position: relative;
      margin-top: 2%; }
      .grid .gridbox-wrapper a.grid-box {
        text-decoration: none; }
      .grid .gridbox-wrapper .grid-box .grid__content {
        padding: 0 3%; }
        .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
          font-size: 0.8rem; }
        .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
          font-size: 1.6rem; }
        .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
          font-size: 0.9rem; }
        .grid .gridbox-wrapper .grid-box .grid__content button, .grid .gridbox-wrapper .grid-box .grid__content .button {
          margin: 0 auto;
          font-size: 0.8rem;
          margin-top: 1rem;
          background-color: transparent;
          color: black;
          width: auto; }
          .grid .gridbox-wrapper .grid-box .grid__content button.pull--bottom, .grid .gridbox-wrapper .grid-box .grid__content .button.pull--bottom {
            top: auto;
            bottom: 7%; } }
@media all and (min-width: 768px) {
  .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
    font-size: 0.9rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 2rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 0.9rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 0.9rem; }

  .gridbox__row.grid-onextwo .grid-subdivision:last-child {
    margin-top: 4.5%; } }
@media screen and (min-width: 900px) {
  .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
    font-size: 1rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 2.2rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 1rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 1rem; } }
@media screen and (min-width: 1024px) {
  .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
    font-size: 1.1rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 2.5rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 1.1rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 1.1rem; }

  .grid .gridbox__row {
    margin-top: 0; } }
@media screen and (min-width: 1240px) {
  .grid .gridbox-wrapper .grid-box .grid__content .new-tag {
    font-size: 1.3rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .heading--medium {
    font-size: 3rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .text--regular {
    font-size: 1.4rem; }
  .grid .gridbox-wrapper .grid-box .grid__content .button {
    font-size: 1.25rem;
    margin-top: 2.5rem;
    padding: 3% 12%; }

  .gridbox__row.grid-single .grid .gridbox-wrapper .grid-box .grid__content .button {
    padding: 1.75% 6%; }

  #main > div > div.grid > div.row.gridbox__row.grid-single > div > a > div.grid__content.content__align-center.white--text > button {
    padding: 1.75% 6%; } }
@media all and (max-width: 639px) {
  .xmsmall-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

  .xmsmall-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

/*# sourceMappingURL=homepage-addition.css.map */