.col-8 {
    text-align: left;
}

.col-4 {
    text-align: left;
}

p {
    text-align: left;
}

.centered {
    text-align: center;
}

/* thicker, grey horizontal rules */
hr {
    outline: 1px solid grey;
    color: grey;
}

/* color of hyperlinks */
a {
    color: #4aa82d;
}

/* Used along with JavaScript to add/remove class */
.bbground {
    background-color: #2f3238;
}

/* scale image to screen-size*/
.catpp {
    max-width: 100%;
    height: auto;
}

/* center image (from w3schools) */
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.hidden {
    visibility: hidden;
}

/* increase button sizes for better visibility */
.carousel-control-next-icon,
.carousel-control-prev-icon {
    height: 50px;
    width: 50px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
      width: 100%;
    }

/* act as image thumbnail */
    #inmemoryb {
        max-width: 75%;
        height: auto;
    }
/* Increase size on pop-up */
    #inmemorym {
        max-width: 100%;
        height: auto;
    }

}