#body {
    margin-bottom: 0 !important;
    
    background-image: url("../../images/navigation.svg");
    background-size: calc(100% - 200px) auto;
    background-position: left -50vw bottom -50vw;
    background-repeat: no-repeat;
}
@media (min-width: 900px)    { #body { padding-bottom: 100px; } }
@media (max-width: 899.99px) { #body { padding-bottom:  50px; } }

/*----------------------------------------------------------------------------------------*/

#body > .content-wrapper {
    display: flex;
    
    filter: drop-shadow(0 0 1.5px rgba(0,0,0,.2));
}
@media (min-width: 900px) {
    #body > .content-wrapper {
        flex-direction: row;
        align-items: flex-start;
        column-gap: 50px;
    }
}
@media (max-width: 899.99px) {
    #body > .content-wrapper {
        flex-direction: column;
        row-gap: 30px;
    }
}