/********************/
/***  start menu-pdf-block *****/
/********************/
html, body {
  margin: 0; }

body {
  font-size: 16px;
  font-family: "Barlow Semi Condensed", sans-serif;
  font-weight: 300; }

h1, h2, h3, h4, h5, p, li {
  margin: 0; }

.spit_button, .spit_button.green, .spit_button.white, .spit_button.outline-white, .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li a.button {
  display: inline-block;
  border-radius: 1.5rem;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
  font-size: calc(.9rem + 0.15vw);
  font-family: "Barlow Semi Condensed", sans-serif;
  min-width: 200px;
  text-align: center; }

.spit_button.green {
  background-color: #1c472D;
  color: #f4f2ec; }

.spit_button.white {
  background-color: #f4f2ec;
  color: #1c472D; }

.spit_button.outline-white {
  background-color: #ffffff;
  color: #000;
  border: 1px solid #000; }

@media (min-width: 240px) {
  .containo {
    width: 100%;
    margin: 0 auto; } }
@media (min-width: 320px) {
  .containo {
    width: 100%;
    margin: 0 auto; } }
@media (min-width: 480px) {
  .containo {
    width: 85vw;
    margin: 0 auto; } }
@media (min-width: 768px) {
  .containo {
    width: 85vw;
    margin: 0 auto; } }
@media (min-width: 1024px) {
  .containo {
    width: 90vw;
    margin: 0 auto; } }
@media (min-width: 1140px) {
  .containo {
    width: 90vw;
    margin: 0 auto;
    max-width: 1024px; } }
@media (min-width: 1280px) {
  .containo {
    width: 90vw;
    margin: 0 auto;
    max-width: 1024px; } }
@media (min-width: 1500px) {
  .containo {
    width: 90vw;
    margin: 0 auto;
    max-width: 1240px; } }

@media (min-width: 240px) {
  .containo-wide {
    width: 99vw;
    margin: 0 auto; } }
@media (min-width: 320px) {
  .containo-wide {
    width: 99vw;
    margin: 0 auto; } }
@media (min-width: 480px) {
  .containo-wide {
    width: 99vw;
    margin: 0 auto; } }
@media (min-width: 768px) {
  .containo-wide {
    width: 99vw;
    margin: 0 auto; } }
@media (min-width: 1024px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 95%; } }
@media (min-width: 1140px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 95%; } }
@media (min-width: 1280px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 95%; } }
@media (min-width: 1500px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 1480px; } }
@media (min-width: 1680px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 1600px; } }
@media (min-width: 1920px) {
  .containo-wide {
    width: 98vw;
    margin: 0 auto;
    max-width: 1800px; } }

@media screen and (min-width: 992px) {
  .menu-pdf-block {
    padding: 6rem 5rem; } }
@media screen and (max-width: 991px) {
  .menu-pdf-block {
    padding: 3rem 0; } }
.menu-pdf-block .containo .flexholder {
  display: flex;
  align-items: center; }
  @media screen and (min-width: 992px) {
    .menu-pdf-block .containo .flexholder {
      flex-direction: row; } }
  @media screen and (max-width: 991px) {
    .menu-pdf-block .containo .flexholder {
      flex-direction: column-reverse; } }
  @media screen and (min-width: 992px) {
    .menu-pdf-block .containo .flexholder .imagearea {
      width: calc(60% - 2rem); } }
  @media screen and (max-width: 991px) {
    .menu-pdf-block .containo .flexholder .imagearea {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .menu-pdf-block .containo .flexholder .buttonarea {
      width: calc(40% - 2rem); } }
  @media screen and (max-width: 991px) {
    .menu-pdf-block .containo .flexholder .buttonarea {
      width: 100%; } }
  @media screen and (min-width: 992px) {
    .menu-pdf-block .containo .flexholder .imagearea {
      padding-right: 1rem; } }
  .menu-pdf-block .containo .flexholder .imagearea figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .menu-pdf-block .containo .flexholder .buttonarea {
    text-align: center; }
    @media screen and (min-width: 992px) {
      .menu-pdf-block .containo .flexholder .buttonarea {
        padding-left: 1rem; } }
    @media screen and (max-width: 991px) {
      .menu-pdf-block .containo .flexholder .buttonarea {
        width: 100%; } }
    .menu-pdf-block .containo .flexholder .buttonarea h3 {
      color: #1c472D;
      margin-bottom: 1rem;
      font-size: calc(2rem + 0.1vw); }
    .menu-pdf-block .containo .flexholder .buttonarea p.subtitler {
      color: #000;
      margin-bottom: 0.5rem; }
    .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li {
      list-style-type: none;
      margin-bottom: 1rem; }
      .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li a.button {
        background-color: #1c472D;
        border: 1px solid #1c472D;
        color: #f4f2ec;
        transition: all .2s ease;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        font-size: calc(.85rem + 0.1vw); }
        .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li a.button:hover {
          background: #ffffff;
          border: 1px solid #1c472D;
          color: #1c472D; }
      .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li a.button.inverto {
        background: #ffffff;
        border: 1px solid #1c472D;
        color: #1c472D;
        transition: all .2s ease; }
        .menu-pdf-block .containo .flexholder .buttonarea ul.buttons li a.button.inverto:hover {
          background-color: #1c472D;
          border: 1px solid #1c472D;
          color: #f4f2ec; }

/********************/
/***  end menu-pdf-block *****/
/********************/

/*# sourceMappingURL=menu-pdf-block.css.map */
