html, body {
    height: auto;
    min-height: 100vh;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}

@media (orientation: landscape) {
    body {
        background-image: url('res/landscape_Cascais_VCUP2025.jpg')
    }
}

@media (orientation: portrait) {
    body {
        background-image: url('res/portrait_CascaisVCUP2025.jpg');
    }
}