/* --- Mobile layout --- */
@media (max-width: 600px), (pointer: coarse) {
    .background-image {
        margin-top: -40px;
        translate: -50%;
    }

    /* --- Recent Ads --- */
    #adlist {
        padding: 10px;
    }
    .recent-occasions{
        padding: 0px;
        margin: 0px;
    }

    .logo-container{
        margin-left: -25px;
        margin-top: -10px;
    }

    .hamburger {
        margin-right: 15px;
    }
}