/* VARIABLES */
/* MIXINS */
html body main article p, html body main article li, html body main article span {
  font-size: 1.1em; }

section.container {
  width: 100%;
  padding: 0 10px; }
  section.container article p {
    text-align: justify; }

main article > div {
  text-align: center;
  width: 100%;
  padding: 0 10px; }
  main article > div span {
    font-size: 1.1em; }

.row > div.content {
  width: 100%;
  padding: 0 10px; }
  .row > div.content > div {
    float: none;
    margin: 0 0 15px 0; }
    .row > div.content > div:after {
      display: none; }
    .row > div.content > div a {
      width: 70%;
      height: auto;
      margin: 0 15%; }
      .row > div.content > div a:first-of-type {
        border-radius: 15px 15px 0 0; }
        .row > div.content > div a:first-of-type img {
          border-radius: 15px 15px 0 0; }
        .row > div.content > div a:first-of-type .overlay {
          border-radius: 15px 15px 0 0; }
      .row > div.content > div a:last-of-type {
        border-radius: 0 0 15px 15px; }
        .row > div.content > div a:last-of-type img {
          border-radius: 0 0 15px 15px; }
        .row > div.content > div a:last-of-type .overlay {
          border-radius: 0 0 15px 15px; }
  .row > div.content h3, .row > div.content h5 {
    text-align: center;
    padding: 0.2em 0;
    color: #ffffff;
    width: calc(100% + 20px);
    margin: 0 -10px 0 -10px;
    padding: 0 10px;
    background-color: #1d1d1d; }
  .row > div.content h3 {
    padding-top: 0.5em; }
  .row > div.content h5 {
    margin-bottom: 10px;
    padding-bottom: 0.5em;
    position: relative; }
    .row > div.content h5:after {
      content: '';
      background-image: url(/img/layout/shadow.png);
      background-position: top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      width: 100%;
      height: 10px;
      position: absolute;
      bottom: -10px;
      left: 0; }
  .row > div.content > a {
    position: relative;
    margin-top: 10px; }
  .row > div.content ul li {
    margin-bottom: 0.4em; }
    .row > div.content ul li:before {
      background-color: #1d1d1d; }
.row div.clear {
  display: none; }
.row:nth-child(5) div.content {
  flex-wrap: wrap; }
  .row:nth-child(5) div.content section {
    width: 100%;
    margin: 0; }
    .row:nth-child(5) div.content section table tr td:first-of-type {
      width: 85px; }
    .row:nth-child(5) div.content section > div {
      float: none;
      margin: 0 0 15px 0;
      flex-wrap: wrap; }
      .row:nth-child(5) div.content section > div:after {
        display: none; }
      .row:nth-child(5) div.content section > div a {
        width: 70%;
        height: auto;
        margin: 0 15%; }
        .row:nth-child(5) div.content section > div a:first-of-type {
          border-radius: 15px 15px 0 0; }
          .row:nth-child(5) div.content section > div a:first-of-type img {
            border-radius: 15px 15px 0 0; }
          .row:nth-child(5) div.content section > div a:first-of-type .overlay {
            border-radius: 15px 15px 0 0; }
        .row:nth-child(5) div.content section > div a:last-of-type {
          border-radius: 0 0 15px 15px; }
          .row:nth-child(5) div.content section > div a:last-of-type img {
            border-radius: 0 0 15px 15px; }
          .row:nth-child(5) div.content section > div a:last-of-type .overlay {
            border-radius: 0 0 15px 15px; }
  .row:nth-child(5) div.content article {
    width: 100%;
    margin-top: 15px;
    flex: inherit; }

.row:nth-child(odd) > div.content > div {
  float: none;
  margin: 0 0 15px 0; }

/*# sourceMappingURL=offer-mobile.css.map */