.home-container {
    /*    width: 100%;*/
    height: 55vh;
    margin-top: 75px;
    margin-bottom: 125px;
    text-align: center;
    margin-left: 10%;
    margin-right: 10%;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

    .home-container .media-centering {
        height: 5%;
        width: 100%;
        display: block;
    }

    .home-container .media-container {
        text-align: center;
        align-content: center;
        /*display: inline-block;*/
        /*width: 15%;*/
        margin-left: 1%;
        margin-right: 1%;
        position: relative;
    }

        .home-container .media-container .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent;
            opacity: 1;
            transition: opacity 300ms ease-in-out;
        }

            .home-container .media-container .overlay span {
                position: absolute;
                width: 100%;
                top: 90%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-weight: bold;
                font-size: 14px;
            }

    .home-container .on {
        cursor: pointer;
        color: #1374BB;
    }

    .home-container .off {
        cursor: default;
        color: #999999;
    }