#page #evacuation-portal-container .top-branding {
  .back-link{
    display: none;
  }
}

#evacuation-portal-container{
  color: white;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 50px;

  .centered-content-alignment{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 130px;
    margin-top: 90px;
  }
  #breadcrumbs{
    display: none;
  }
  .primary-heading{
    margin-bottom: 20px;
    margin-top: auto;
  }
  .intro-list, ul:not(.nice-select ul){
    margin-bottom: 40px;
    li{
      margin-bottom: 20px;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
  .tertiary-heading{
    color: white;
    margin-bottom: 25px;
  }
  .evacuation-portal-selection{
    margin-top: 0px;
    margin-bottom: auto;
    .nice-select{
      .list{
        /* top: initial;
        bottom: 110%;
        transform: scale(0.75) translateY(0);
        transform-origin: bottom left; */
        max-height: 130px;
        overflow: auto;
      }
      &.open{
        .list{
          transform: scaleX(1);
        }
      }
    }
  }
}

@media screen and (min-width: 801px) {
  #page {
    #evacuation-portal-container{
      padding: 150px 150px 70px 150px;
      @media screen and (max-width: 1728px){
        padding: calc((150px * 0.33) + (150/1728*100vw * 0.67)) calc((150px * 0.33) + (150/1728*100vw * 0.67)) calc((70px * 0.33) + (70/1728*100vw * 0.67)) calc((150px * 0.33) + (150/1728*100vw * 0.67));
      }
      @media screen and (max-width: 950px){
        padding: 150px calc((150px * 0.33) + (150/1728*100vw * 0.67)) calc((70px * 0.33) + (70/1728*100vw * 0.67)) calc((150px * 0.33) + (150/1728*100vw * 0.67));
      }
      .primary-heading{
        margin-bottom: 60px;
        max-width: 930px;
        margin-top: auto;
      }
      .intro-list, ul{
        margin-bottom: 60px;
      }
      .evacuation-portal-selection{
        .nice-select{
          max-width: 320px;
          .list{
            margin-bottom: 0px;
          }
        }
      }
    }
  }
}