.path {
      padding: 0 0 1.5em 0;
    }

    .room {
      border: 2px solid white;
    }

    .room.active {
      border: 2px solid #6cace4;
    }

    .room:hover {
      border: 2px solid #6cace4;
    }

    .roombox {
      font-size: 18px;
      width: 90%;
    }

    .roombox span {
      color: black;
      word-spacing: 10px;
      padding-bottom: 2em;
    }

    .roombox span img {
      margin-left: 1em;
      margin-right: 0.5em;
    }

    .roombox .circlebox {
      margin-bottom: 1em;
    }

    .roombox .circlebox span {
      font-size: 18px;
      font-weight: bolder;
      border-radius: 20px 0 20px 20px;
      padding: 2px 22px 4px 22px;
      margin: 1em;
    }

    .roombox .circlebox span.blues {
      color: #6cace4;
      border: 2px solid #6cace4;

    }

    .roombox .circlebox span.oranges {
      color: #EAA794;
      border: 2px solid #EAA794;
    }

    .roombox .infobox {
      margin-left: 2em;
    }

    .roombox ul li {
      margin-left: 1em;
    }

    .roombox p {
      margin-bottom: 1.5em;
    }

    iframe {
      border-radius: 30px;
    }

    .maps-area ul {
      margin-bottom: 1.5em;
      margin-left: -1em;
    }

    .maps-area ul li {
      list-style: none;
      font-size: 1.5em;
      line-height: 2.5em;
    }

    .toggle-container {
      margin-left: 77%;
      margin-top: -3%;
    }

    @media (max-width: 480px) {
      .toggle-container {
        margin-left: 75%;
        margin-top: 0;
      }

      .mt-50{
        margin-top: 2em;
      }
    }