.single-organisation{

}

    .single-organisation__banner-container{
      /* aspect-ratio: 21/9; */
      position: relative;
    }

    .single-organisation__banner {
      background-color: var(--nav-area);
    }

    .single-organisation__banner-img {
        display: block;
        height: 100%;
        object-fit: contain;
        width: 100%;
    }

    .single-organisation__logo{
      position: absolute;
      left: 25px;
      bottom: 25px;
      padding: 8px;
      background-color: var(--background);
      border-radius: 8px;
    }

      .single-organisation__logo img{
        width: 120px;
        height: auto;
        display: block;
      }

    .single-organisation__main .container {
      display: flex;
      flex-direction: column;
    }

    @media screen and (min-width: 62em) {
      .single-organisation__main .container {
        flex-direction: row;
      }
    }

    .single-organisation__header{
      padding: 10px 0 0 0;
    }

    .single-organisation__title{
      font-size: 2rem;
      margin-top: 0;
    }

    .single-organisation__intro{
      font-size: 1.375rem;
    }

    .single-organisation__content{
      width: 100%;
    }

    .single-organisation__events{
      border-top: 1px solid var(--border);
      background-color: var(--grey);
      padding: 40px;
    }

    .single-organisation__aside {
      width: 100%;
      background-color: var(--nav-area-alt);
      padding: 30px 40px;
      box-sizing: border-box;
    }

    @media screen and (min-width: 62em) {
      .single-organisation__aside {
        max-width: 448px;
        flex: 0 0 auto;
      }
    }

    .single-organisation__aside h3{
      font-size: 1.375rem;
      margin-top: 0;
    }

    .single-organisation__aside ul{
      list-style: none;
      padding: 0;
      line-height: 1.25em;
    }

  .single-organisation__social a{
    display: block;
    line-height: 1.5em;
  }