/* Nulstil browserens standardmarginer */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100%;
    background: #000;

    /* Tillader vandret bevægelse efter zoom */
    overflow-x: auto;

    /* Giver blød scrolling på iPhone */
    -webkit-overflow-scrolling: touch;
}

/* Billedets beholder */

.hero {
    display: block;
    width: 100%;
    overflow: visible;

    /* Tillader scrolling og pinch-zoom */
    touch-action: pan-x pan-y pinch-zoom;
}

/* Standardvisning */

.hero img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;

    /* Undgår at Safari forsøger at trække billedet */
    -webkit-user-drag: none;
    user-select: none;
}

/* Mobil */

@media (max-width: 768px) {

    html,
    body {
        overflow-x: auto;
        overflow-y: auto;
        touch-action: pan-x pan-y pinch-zoom;
    }

    .hero {
        width: 100%;
        overflow: visible;
        touch-action: pan-x pan-y pinch-zoom;
    }

    .hero img {
        width: 100%;
        height: auto;
        max-width: none;
        touch-action: pan-x pan-y pinch-zoom;
    }
}