body {
    background-color: #080808 !important;
}

#top-download {
    width: 100%;
    height: 80vh;
    background-image: url("revox_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#main-features {
    padding-block: 2%;
    background-color: #181818;
}

#other-features {
    padding-bottom: 2%;
    padding-top: 0%;
    background-color: #181818;
}


.feature-highlight {
    padding: 3%;
}

.feature-highlight div {
    margin-block: auto;
}

.feature-highlight img {
    transition: all 0.2s ease-in-out;
    filter: saturate(0.3);
    z-index: 0;
}

.feature-highlight:hover img {
    filter:saturate(1);
}

.feature-description {
    transition: all 0.2s ease-in-out;
    padding: 5%;
    background-color: rgba(50,50,50,0.7);
    border-radius: 10px;
    width: 125%;
    position: relative;
    z-index: 100;
}

.feature-highlight:hover .feature-description {
    background-color: rgba(50,50,50,0.95);
}

.feature-card {
    height: 400px;
    margin-block: 2%;
}

.feature-card-content {
    transition: all 0.1s ease-in-out;
    height: 100%;
    width: 100%;
    background-color: #101010;
    border-radius: 10px;
    margin: auto;
    padding: 5%
}

.feature-card-content:hover {
    background-color: #202020;
}

.feat-img-container {
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .feature-description {
        background-color: #080808;
        width: 100%;
        margin: auto !important;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .feature-highlight:hover .feature-description {
        background-color: #080808;
    }

    .feature-highlight img {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .left-align {
        justify-content: center !important;
        text-align: center !important;
    }

    .right-align {
        justify-content: center !important;
        text-align: center !important;
    }
}