body {
    background-color: #000 !important;
    padding: 70px;
    text-align: center;
}

.home-page-product {
    margin-top: 90px;
}

    .home-page-product h3 a {
        color: #949393;
        font-weight: 500;
        font-size: 22px;
        text-transform: uppercase;
        padding: 5px 10px;
        display: block;
        transition: all;
        transition-duration: 1s;
    }

        .home-page-product h3 a:hover {
            color: #f3f3f3;
        }
.home-topic-item {
    display: inline-block;
    position: relative;
    
}
    .home-topic-item .description {
        position: absolute;
        left: 0;
        width: 250px;
        text-align: left;
        padding: 0 10px;
        transition: all;
        transition-duration: 1s;
        opacity: 0;
        margin-bottom: 15px;
        color: #616161;
        visibility: hidden;
    }
    .home-topic-item:hover .description {
        opacity: 1;
        visibility:visible;
    }
        .home-topic-item .description p{
            font-size:15px;
            margin-bottom:15px;
            line-height:1.7;
        }
    .home-topic-item ul {
        font-size: 13px;
        color: #525252;
        list-style: disc;
        padding-left: .8rem;
    }
        .home-topic-item ul li{
            margin-bottom:10px;
        }
        .main-logo img {
            max-width: 300px !important;
        }
@media (max-width: 575px) {
    .home-topic-item:hover .description {
        opacity: 0;
        visibility: hidden;
    }
    .home-page-product h3 a {
        font-size:18px;
    }
    .home-topic-item{
        margin-bottom:15px;
        display:block;
    }
    .main-logo img {
        width: 200px !important;
    }
    body {
        padding: 100px 50px;
    }
    .home-page-product {
        margin-top: 100px;
    }
}