#myMouseAffix {
    display: none;
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

#myMouseAffix IMG {
      height: 100px;
}

#myMouseAffix.affix  {
    opacity: 0;
    transition: all 0.5s ease 0s;
}

#myMouseAffix.affix-top  {
    opacity: 1;
    transition: all 0.5s ease 0s;


}


#myCarousel {
    background-color: #000;

}

.carousel-inner > .item > IMG {
    opacity: 1;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.carousel-inner IMG {
    display: block;
    margin: 0 auto 0 auto;
}

.carousel-caption {
    text-shadow: none;
    bottom: 20%;
    display: none;
}
.carousel-caption > H1 {
    text-transform: uppercase;
    font-size: 1em;
}

.carousel-caption > p {
    display: none;
}


@media (min-width: 480px) {
    .carousel-caption > H1 {
        font-size: 1.4em;
    }
    .navbar-brand .logo {
        max-height: 45px;
    }

    #topnav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .showThumbnailInfo > .showPlace, .showThumbnailInfo > .showDates {
        display: block;
    }

}


@media (min-width: 768px) {

    .carousel-caption > p {
        display: block;
        font-size: 1.4em;
    }
    .carousel-caption {
        bottom: 25%;
    }
    .carousel-caption > H1 {
        font-size: 1.5em;
    }

  }

@media (min-width: 992px) {

    .carousel-caption > p {
        font-size: 1.8em;

    }
    .carousel-caption {
        bottom: 30%;
    }
    .carousel-caption > H1 {
        font-size: 2em;
    }



}
@media (min-width: 1200px) {
    #myMouseAffix {
        display: block;
    }
    .carousel-caption > p {
        font-size: 1.8em;

    }
    .carousel-caption {
        bottom: 40%;
    }

    .carousel-caption > H1 {
        font-size: 2.2em;
    }
}