body, html {
    margin: 0;
    height: 100%;
}

.fullScreen {

    background-image: url('img/Photo_1.jpg');
    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media screen and (max-width: 1024px) {
    .fullScreen {
        background-image: url('img/Photo_2.jpg');
        background-position: top;
    }
}

@media screen and (max-width: 768px) {
    .fullScreen {
        background-image: url('img/Photo_2.jpg');
        scale: 1.05;
    }
}