header .container {
    height: 100px;
    padding: 15px 0px;
    display: flex;
    justify-content: space-between;
}

header img {
    max-width: 150px;
}

#sub-header .container-fluid {
    background-color: #523278;
}

#img-menina {
    height: 500px;
}

.hide-on-desktop {
    display: none !important;
}

.hide-on-mobile {
    display: inherit !important;
}

.add-item {
    cursor: pointer;
}

.add-item:hover {
    text-decoration: underline;
}


@media screen and (max-width: 680px) {

    .hide-on-desktop {
        display: inherit !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

}