@media (max-width: 992px) {
    #hero-section {
        min-height: 10rem;
        max-height: 25rem;
        /*padding-top: 10rem;*/
    }

    .wave-transition {
        /*position: relative;*/
        /*top: -10vh;*/
        z-index: var(--wave-index);
        /*margin-top: -10rem;*/
    }

    .below-wave {

    }

    .above-wave {
        /*margin-bottom: 10rem;*/
    }


    #second-transition-icons img {
        max-height: 10rem;
        /*max-width: 100%;*/
        position: relative;
        bottom: 7rem;
    }

    #sm-header-circle-1 {
        position: absolute;
        top: -22rem;
        right: -5rem;
        width: 160px;
        height: 160px;
        border: 3px dashed #80ffcf33;
        border-radius: 50%;
    }

    #sm-header-circle-2 {
        position: absolute;
        top: -15rem;
        right: 7rem;
        width: 15px;
        height: 15px;
        background-color: #80ffcf33;
        border-radius: 50%;
        z-index: 10;
    }

    #sm-header-circle-3 {
        position: absolute;
        top: -15.6rem;
        right: 6.4rem;
        width: 30px;
        height: 30px;
        border: 2px solid #80ffcf33;
        border-radius: 50%;
        z-index: 10;
    }

    #sm-header-circle-4 {
        position: absolute;
        top: -1rem;
        left: 10rem;
        width: 50rem;
        height: 80rem;
        border: 5px dotted #80ffcf33;
        border-radius: 50%;
        z-index: 10;
    }

    #sm-header-circle-5 {
        position: absolute;
        top: -1rem;
        right: 5rem;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        background-color: #80ffcf33;
        border: 2px solid #80ffcf33;
        z-index: 10;
    }
}