/* ---------------------------------------------------------------------------------------------------------- */
html,body{
    overflow-x: clip !important;
}
.marysmeal-header__photos {
    margin-bottom: 30px;
    margin-top: 30px;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .marysmeal-header__photos {
        margin: 15px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .marysmeal-header__photos {
        margin: 0;
    }
}