h3{
    padding:0;
}
.columnLeft{
    padding:0 1em;
}
.text ul{
    padding-top: 1em;
    padding-left:1em;
}
.room-info p{
    padding-right: 2em;
}
.main-layout{
    padding: 0 2em;
}
.icon-close{
    color:var(--color-white);
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}

@media screen and (min-width: 1000px) {
    h3{
        padding-bottom:0.5em;
    }
    .main-container{
        padding: 0;
    }
    .text ul{
        padding-top: 0;
    }
    .main-layout{
        padding: 0;
    }
}


.hero-background {
  min-height: 50em;
}

.header{
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  z-index:10;
  box-shadow: 1px 1px 1px #363636;
}
.header-hero-container{
  margin-top: -9em;
  z-index: 1;
    position: relative;
}
.top-header,
.top-header a,
.topnav a{
  color:var(--color-white);
}
.dropbtn:after {
  color: var(--color-white);
}
.dropdown:hover .dropbtn, .topnav a:hover {
  color: var(--color-code-yellow);
}
.topnav .dropdown-content{
  background: rgba(0, 0, 0, 0.6);
}

.acc-hero-carousel .carousel-cell{
  width: 100%;
  height: 50em;
}
.acc-hero-carousel .carousel-cell img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  .nav-top .hamburger {
      color: white;
  }
}