ActesCitoyens/assets/app/frontend/scss/carto.scss

#app_carto_interactive, #app_carto_liste, #app_carto_carte {
  .bloc-carto-revo {
    background-color: $yellow;

    h1 {
      color: $green;
      font-family: FranklinGothic;
      font-size: 7.5rem;
      line-height: 67px;
      margin-top: 100px;
      margin-bottom: 75px;

      span {
        color: $orange;
      }
    }

    h2 {
      color: $green;
      font-family: FranklinGothic;
      font-size: 2.8rem;
      margin-bottom: 30px;
    }

    .description {
      color: $orange;
      font-style: italic;
      font-size: 2.0rem;
      margin-bottom: 50px;
      font-family: FranklinGothic;
    }

    @include mobile-only {
      .col-image-carto {
        text-align: center;
        .perso-aac {
          max-width: 70%;
        }
      }
    }

    .bloc-contrib {
      text-align: right;

      .nb-contrib {
        color: $orange;
        font-size: 12.6rem;
        font-family: FranklinGothic;
        height: 150px;
      }

      .contrib {
        color: $green;
        font-size: 7.0rem;
        font-family: FranklinGothic;
      }
    }
  }

  .bloc-carto {
    margin-top: 75px;

    .box-carto {
      display: inline-block;
      width: 100%;
      text-align: center;
      border: 2px solid $green;
      color: $green;
      font-family: FranklinGothic;
      font-size: 2.0rem;
      padding: 20px;
      min-height: 100%;

      img {
        margin-bottom: 20px;
      }
    }
  }

  .bloc-download {
    color: $green;
    border: 2px solid $green;
    margin-top: 75px;
    text-align: center;
    font-family: FranklinGothic;
    font-size: 2.5rem;
    padding-top: 15px;
    padding-bottom: 25px;

    .download {
      display: block;
      border: 2px solid $green;
      color: $green;
      margin-top: 30px;
    }

    .excel {
      margin-left: 50px;
    }

    .pdf {
      margin-right: 50px;
    }
  }
}