@media only screen and (max-width: 500px) {
    body {
        background-image: url('../img/ita-1920x1080.jpg');
        background-size: 100%;
    }
    .container {
        height: 86vh;
        font-size: 20px;
    }
}
@media only screen and (max-width: 375px) {
    body {
        background-image: url('../img/ita-375x820.jpg');
    }
    .container {
        height: 86vh;
        font-size: 12px;
    }
}
@media only screen and (max-width: 360px) {
    body {
        background-image: url('../img/ita-375x820.jpg');
    }
    .container {
        height: 90vh;
        font-size: 12px;
    }
}
@media only screen and (max-width: 320px) {
    body {
        background-image: url('../img/ita-375x820.jpg');
        background-size: 100% 100%;
    }
    .container {
        height: 90vh;
        font-size: 12px;
    }
}


@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/ita-1920x1080.jpg');
        background-size: 100%;
    }
    .container {
        height: 93vh;
    }
}
@media only screen 
  and (min-device-width: 350px) 
  and (max-device-width: 812px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/ita-375x820.jpg');
        /* background-size: 100% 100%; */
    }
    .container {
        height: 90vh;
        font-size: 12px;
    }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (orientation: portrait) {
    body {
        background-image: url('../img/ita-375x820.jpg');
        /* background-size: 100% 100%; */
    }
    .container {
        height: 90vh;
        font-size: 12px;
    }
}