.row {
      /* background-color: #eee; */
      /* border: 1px solid red; */
    }
    .column {
      /* background-color: pink; */
      /* border: 1px solid blue; */
    }
    /* orange #fbb042 */
    .header .container {
        text-align: center;
    }
    h1.title {
      letter-spacing: 0.2rem;
      font-weight: 400;
    }
    .beer {
      margin-bottom: 2.6rem;
    }
    .beer-name {
      margin-bottom: 0.6rem;
    }
    .beer-name span {
      font-style: italic;
      font-size: 2rem;
      margin-left: 2rem;
    }
    .beer-details div {
      display: inline;
    }
    .beer-details div:before {
      font-weight: 700;
      content: "\00b7";
    }
    ul.beer-details {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
    }
    ul.beer-details li:not(:last-child):after {
      font-weight: 700;
      content: "\00b7";
      margin: 0 5px;
    }
    .beer-prices .item {
      display: flex;
    }
    .beer-prices .separator {
      flex-grow: 1;
      border-bottom: dotted 2px #606c76;
      height: 1.8rem;
      margin: 0 .5rem;
    }
    @media (min-width: 40rem) {
      .column.offering-selector,
      .column.beer-logo {
        padding: 1rem;
      }
    }
    @media (max-width: 40rem) {
      .row .column.column-80 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .offering-selector {
        order: -1;
        text-align: center;
      }
      .beer-style:before {
        content: ' ';
        display: block;
      }
    }
    /* hide and show */
    /* div:not(:target) {
      display: none;
    }
    
    div:target {
      display: block;
    } */
    /* hide and show */
    .hidden>div {
    display:none;
  }
    .visible>div {
    display:block;
  }
    .socialicons {
    text-align: right
  }
    .socialicons img {
    margin: 0.5rem;
  }
    .column.adr {
    padding-top: 4.6rem; /* matches the Opening Hours title */
  }
    .footer {
    margin-bottom: 3rem;
  }
    /*  Set image to square */
    #ig img {
    -o-object-fit: cover;
       object-fit: cover;
    width:100%;
    height:100%;
  }
    @media (max-width: 40rem) {
    #ig .row .column.column-25 {
      flex: 0 0 100%;
      max-width: 100%;
      text-align: center;
    }

    #ig img {
      width:80%;
      height:80%;
    }
  }