html,
body {
    background-color: hsl(220, 10%, 15%);
}

.navbar {
    background-color: hsl(220, 15%, 25%);
}

.main-content {
    background-color: #E5E3DF;
    color: #333;
}

.carousel-inner {
    width: 100%;
    max-height: 300px;
}

.card {
    background-color: #E5E3DF;
    color: #444;
}

.card-body {
    text-align: center;
}

.galleryimg {
    width: 100%;
    height: auto;
}

.gallerylink {
    font-weight: bold;
    font-size: 1.5em;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
    .carousel-inner {
        width: 100%;
        max-height: 180px;
    }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {}