.dissolve {
     max-width: 800px;
     width: 100%;
     height: 533px;
     position: relative;
     overflow: hidden;
}
 .dissolve .item {
     position: absolute;
     left: 0;
     right: 0;
     opacity: 0;
     animation: dissolve 50s linear infinite;
}
 .dissolve .item:nth-child(2) {
     animation-delay: 5s;
}
 .dissolve .item:nth-child(3) {
     animation-delay: 10s;
}
 .dissolve .item:nth-child(4) {
     animation-delay: 15s;
}
 .dissolve .item:nth-child(5) {
     animation-delay: 20s;
}
 .dissolve .item:nth-child(6) {
     animation-delay: 25s;
}
 .dissolve .item:nth-child(7) {
     animation-delay: 30s;
}
 .dissolve .item:nth-child(8) {
     animation-delay: 35s;
}
 .dissolve .item:nth-child(9) {
     animation-delay: 40s;
}
 .dissolve .item:nth-child(10) {
     animation-delay: 45s;
}
 @-webkit-keyframes dissolve {
     0%, 30%, 100% {
         opacity: 0;
    }
     5%, 25% {
         opacity: 1;
    }
}
 @-moz-keyframes dissolve {
     0%, 30%, 100% {
         opacity: 0;
    }
     5%, 25% {
         opacity: 1;
    }
}
 @-ms-keyframes dissolve {
     0%, 30%, 100% {
         opacity: 0;
    }
     5%, 25% {
         opacity: 1;
    }
}
 @keyframes dissolve {
     0%, 30%, 100% {
         opacity: 0;
    }
     5%, 25% {
         opacity: 1;
    }
}
 img {
     max-width: 100%;
     display: block;
}
 body {
     padding: 1em;
     background: transparent;
}
 figure {
     max-width: 800px;
     width: 100%;
     margin: 40px auto 20px;
}
 figure .carousel {
     max-width: 800px;
     width: 100%;
     box-shadow: 0 0 0 10px #fff, 0 .3em .8em 10px black;
}
 figure figcaption {
     text-transform: uppercase;
     margin-top: 10px;
     padding-top: .5em;
     font-size: 1.2em;
     text-align: center;
     color: #999;
     text-shadow: 0 -0.1em 0 rgba(0,0,0,0.6);
}
 figure figcaption:before, figure figcaption:after {
     content: "\2014";
     font-family: "Times New Roman", serif;
     text-shadow: none;
     color: rgba(255,255,255,0.2);
}
 figure figcaption:before {
     margin-right: .3em;
}
 figure figcaption:after {
     margin-left: .3em;
}
 figure p {
     color: #999;
     text-align: center;
}
 figure p a {
     color: #06afd8;
}
body > nav {
    display: none !important;
}
body > div.container.body-content {
    margin-top: 0;
}
.container-event {
    width: 100%;
}
body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > span:nth-child(3), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > span:nth-child(5), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > a.events-color, body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > a:nth-child(9), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > a:nth-child(10), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > a:nth-child(11), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > br:nth-child(4), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > br:nth-child(6), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > br:nth-child(8), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > br:nth-child(12), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > br:nth-child(13), body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > p:nth-child(14)  {
    display: none;
}
body > div.container.body-content > section > div > div.col-12.mb-4 > div > div {
    font-family: "Georgia", serif;
    text-align: center;    
}
body > div.container.body-content > section > div > div.col-12.mb-4 > div > div > h1 {
    display: none;
}
.gala-date {
    font-size: 21px;
    font-weight: bold;
}
.gala-time {
    font-size: 18px;
    margin-top: -4px;
}
.gala-location {
    font-size: 21px;
    font-weight: bold;
    margin: 5px 0 -5px 0;
}
.gala-address {
    font-size: 16px;
    margin-bottom: 20px;
}
body > div.container.body-content > footer {
    color: #808080;
    text-align: center;
}

@media only screen and (max-width: 991px) {
  .dissolve {
    height:432px !important;
  }
}
@media only screen and (max-width: 768px) {
  .dissolve {
    height:312px !important;
  }
}
@media only screen and (max-width: 545px) {
  .dissolve {
    height:293px !important;
  }
}
@media only screen and (max-width: 500px) {
  .dissolve {
    height:264px !important;
  }
}
@media only screen and (max-width: 414px) {
  .dissolve {
    height:206px !important;
  }
}
@media only screen and (max-width: 390px) {
  .dissolve {
    height:191px !important;
  }
}
@media only screen and (max-width: 375px) {
  .dissolve {
    height:181px !important;
  }
}
@media only screen and (max-width: 360px) {
  .dissolve {
    height:170px !important;
  }
}