/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
    /* Styles */
    .smartphones{
        font-size: 20px;
        color: rgb(255, 166, 0);
    }

    .titolo {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-size: 45px;
        line-height: 57px;
        margin-top: 45px;
    }
    .titolo2 {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-size: 45px;
        line-height: 57px;
        padding-bottom: 50px;
    }

    .titolo-negativo{
        font-size: 85px;
        color: #ffffff;
        text-shadow: 2px 3px #000000;
        background-color: #ed5d27;
        border-radius: 0px;
        padding-top: 11px;
        padding-bottom: 11px;
        height: 219px;
        line-height: 90px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 38px;
    }
    .box-pacchetto{
        background-color: aliceblue;
        padding: 6px;
        border-radius: 25px;
        margin: 5px;
    }
    .testo-pacchetto{
        text-transform: lowercase;
        color:#000000;
        font-weight: 300;
        font-size: 21px;
        padding-top: 28px;
    }
    .slider{
        min-height: 250px;
    }
    .image{
        background: url(images/soldati/landing.png) center;
        overflow: visible;
        background-repeat: no-repeat;
        background-size: cover;
        position:relative;
    }
    .titolo-slider{
        color: #ffffff;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 36px;
        line-height: 40px;
        margin-top: 64px;
        margin-left: 30px;
        position: absolute;
        text-align: left;
}
}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1223px) {
    /* Styles */
    
    .ipads{
            font-size: 20px;
            color: rgb(17, 0, 255);

    }
    .titolo {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 45px;
        text-align: center;
        line-height: 57px;
        margin-top: 45px;
    }
    .titolo2 {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-size: 45px;
        line-height: 57px;
        padding-bottom: 50px;
    }
    .titolo-negativo{
        font-size: 85px;
        color: #ffffff;
        text-shadow: 2px 3px #000000;
        background-color: #ed5d27;
        border-radius: 0px;
        padding-top: 27px;
        padding-bottom: 11px;
        height: 119px;
        padding-left: 15px; 
        padding-right: 15px;
        max-width: 600px;
        margin-top: 38px;
        margin-left: auto;
        margin-right: auto;
    }
    .box-pacchetto{
        background-color: aliceblue;
        padding: 6px;
        border-radius: 25px;
        margin: 5px;
    }
    .testo-pacchetto{
        text-transform: lowercase;
        color:#000000;
        font-weight: 300;
        font-size: 25px;
        padding-top: 28px;
    }
    .slider{
        min-height: 250px;
    }
    .image{
        background: url(images/soldati/landing.png) center;
        overflow: visible;
        background-repeat: no-repeat;
        background-size: cover;
        position:relative;
    }
    .titolo-slider{
        color: #ffffff;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 45px;
        line-height: 49px;
        margin-top: 2px;
        margin-left: 90px;
        position: absolute;
        text-align: left;
}
}


/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) and (max-width : 1823px) {
    /* Styles */
    
    .desktops{
        font-size: 20px;
        color: rgb(0, 255, 34);
    }
    .titolo {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 55px;
        text-align: center;
        margin-top: 45px;
    }
    .titolo2 {
        color: #ed5d27;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        text-align: center;
        font-size: 45px;
        line-height: 57px;
        padding-bottom: 50px;
    }
    .titolo-negativo{
        font-size: 85px;
        color: #ffffff;
        text-shadow: 2px 3px #000000;
        background-color: #ed5d27;
        border-radius: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px; 
        padding-right: 15px;
        max-width: 600px;
        margin-top: 28px;
        margin-left: auto;
        margin-right: auto;
    }
    .box-pacchetto{
        background-color: aliceblue;
        padding-top: 30px;
        padding-bottom: 20px;
        border-radius: 25px;
        margin: 5px;
    }
    .testo-pacchetto{
        text-transform: lowercase;
        color:#000000;
        font-weight: 300;
        font-size: 25px;
        padding-top: 28px;
    }
    .slider{
        min-height: 75vh !important;
    }
    .image{
        background: url(images/soldati/landing.png) center;
        overflow: visible;
        background-repeat: no-repeat;
        position:relative;
        background-size: cover;
    }
    .titolo-slider{
        color: #ffffff;
        font-family: 'Oswald', sans-serif;
        text-transform: uppercase;
        font-size: 75px;
        line-height: 88px;
        margin-top: 262px;
        margin-left: 150px;
        position: absolute;
        text-align: left;
}

}


/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */

    .largescreens{
        font-size: 20px;
        color: rgb(100, 132, 237);
    }
.titolo {
    color: #ed5d27;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 55px;
    text-align: center;
    margin-top: 45px;
}
.titolo2 {
    color: #ed5d27;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 45px;
    line-height: 57px;
    padding-bottom: 50px;
}
.titolo-negativo{
    font-size: 85px;
    color: #ffffff;
    text-shadow: 2px 3px #000000;
    background-color: #ed5d27;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px; 
    padding-right: 15px;
    max-width: 600px;
    border: 1px solid green;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
.box-pacchetto{
    background-color: aliceblue;
    padding-top: 30px;
    padding-bottom: 20px;
    border-radius: 25px;
    margin: 5px;
}
.testo-pacchetto{
    text-transform: lowercase;
    color:#000000;
    font-weight: 300;
    font-size: 25px;
    padding-top: 28px;
}
.slider{
    min-height: 75vh !important;
}
.image{
    background: url(images/soldati/landing.png) center;
    overflow: visible;
    background-repeat: no-repeat;
    position:relative;
    background-size: cover;
}
.titolo-slider{
            color: #ffffff;
			font-family: 'Oswald', sans-serif;
			text-transform: uppercase;
			font-size: 75px;
			line-height: 88px;
			margin-top: 262px;
			margin-left: 380px;
			position: absolute;
			text-align: left;
}
}