/* Scss Document */
/* Brandcolors */
.all_resto_list {
  background: #fff; }
  .all_resto_list .jumplinks {
    width: 100%;
    text-align: center; }
    .all_resto_list .jumplinks a {
      font-size: 1.4em;
      color: #d15152;
      padding: 2%;
      width: 100%;
      text-align: center; }

@supports (display: grid) {
  @media screen and (min-width: 720px) {
    .all_resto_list {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      grid-template-rows: auto;
      grid-template-areas: " . title title title title ." " . jump jump jump jump ." ". list list list list ."; }
      .all_resto_list .resto_list_title {
        padding: 5vh 0;
        grid-area: title;
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #112758; }
      .all_resto_list .jumplinks {
        grid-area: jump;
        justify-self: center; }
      .all_resto_list #resto_sorted_list {
        grid-area: list; }
        .all_resto_list #resto_sorted_list h3 {
          color: #d15152; }
        .all_resto_list #resto_sorted_list .resto_listing {
          display: flex;
          background: #F5F4F4;
          padding: 5vh 0;
          flex-direction: column;
          list-style: url("../img/icons/general/bullet-arrow.svg"); }
          .all_resto_list #resto_sorted_list .resto_listing li a {
            color: #112758;
            text-decoration: none;
            padding-left: 10px; } } }