#sec-2 {
    background: linear-gradient(#242424, #404040);
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;

    padding-top: 20vh;
    padding-bottom: 20vh;
}

#sec-2>picture>img {
    max-height: 50%;
    max-width: 25rem;
}

#sec-2 #btns {
    justify-content: left;
}

#deg360 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 40svw;
}

.sec-2-btn {
    width: 10rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

#sec-2 #learn {
    box-shadow: var(--shadow) white;
}

#sec-2 #services {
    box-shadow: var(--shadow) var(--red);
}

#sec-2 #contact {
    box-shadow: var(--shadow) var(--red);
}

@media (width <=664px) {
    #sec-2 {
        flex-direction: column-reverse;
        text-align: center;
    }

    #deg360 {
        max-width: 35rem;
        margin-left: 2rem;
        margin-right: 2rem;
        margin-bottom: 5rem;
    }

    #sec-2 #btns {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .sec-2-btn {
        width: 100%;
        max-width: 20rem;
        padding: 0.75rem 1.5rem;
        white-space: nowrap;
    }

    #sec-2>img {
        max-width: 20rem;
    }
}