.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

	.swiper-slide img {
        text-align: center;
        width:100%; height:auto; max-width:1199px;
    }

    .swiper-slide div { display:inline-block; margin-top:5%;
        text-align: center; width:100%; max-width:600px; height:auto; max-height:550px;
    }
    @media all and (min-width: 1025px) 
    {
        #sf { background-image:url(../images/calzature_plantari_Athena.jpg); background-repeat:no-repeat; background-size: cover;}
        .swiper-slide div h1 {
            text-align: center;
            font-size:3.2em; color:#fff; font-weight:bold;
            border-radius:4px; padding:8px;
            background: -webkit-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -moz-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: -ms-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -o-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: linear-gradient(top, #9fc9eb, #59b2e5);
        }
        .swiper-slide div h2 {
            text-align: center;
            font-size:1.0em; line-height:1.6em; color:#fff; border-radius:4px; padding:8px;
            background: -webkit-linear-gradient(top, #33cc99, #00855a);
			background: -moz-linear-gradient(top, #33cc99, #00855a);
	        background: -ms-linear-gradient(top, #33cc99, #00855a);
			background: -o-linear-gradient(top, #33cc99, #00855a);
	        background: linear-gradient(top, #33cc99, #00855a);
        }
        
        .swiper-slide img {
        text-align: center;
        width:100%; height:auto; max-height:550px;
    }
        }
    @media only screen and (max-width: 1024px) 
    {
        #sf { background-image:url(../images/calzature_plantari_Athena.jpg); background-repeat:no-repeat; background-size: cover;}
        .swiper-slide div h1 {
        text-align: center;
        font-size:2.2em; color:#fff; font-weight:bold;
        border-radius:4px; padding:8px;
            background: -webkit-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -moz-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: -ms-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -o-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: linear-gradient(top, #9fc9eb, #59b2e5);
    }
    .swiper-slide div h2 {
        text-align: center;
        font-size:1.0em; color:#fff; border-radius:4px; padding:8px;
        background: -webkit-linear-gradient(top, #33cc99, #00855a);
			background: -moz-linear-gradient(top, #33cc99, #00855a);
	        background: -ms-linear-gradient(top, #33cc99, #00855a);
			background: -o-linear-gradient(top, #33cc99, #00855a);
	        background: linear-gradient(top, #33cc99, #00855a);
    }
    
    .swiper-slide img {
        text-align: center;
        width:100%; height:auto; max-height:550px;
    }
        }
    
    @media only screen and (max-width: 480px) 
    {
        #sf { background-image:url(../images/calzature_plantari_Athena.jpg); background-repeat:no-repeat; background-size: contain;}
        .swiper-slide div h1 {
        text-align: center; padding:8px;
        font-size:1.5em; color:#fff; font-weight:bold; 
        border-radius:4px; padding:8px;
            background: -webkit-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -moz-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: -ms-linear-gradient(top, #9fc9eb, #59b2e5);
			background: -o-linear-gradient(top, #9fc9eb, #59b2e5);
	        background: linear-gradient(top, #9fc9eb, #59b2e5);
    }
    .swiper-slide div h2 {
        text-align: center;
        font-size:1.0em; color:#fff; border-radius:4px; padding:8px;
        background: -webkit-linear-gradient(top, #33cc99, #00855a);
			background: -moz-linear-gradient(top, #33cc99, #00855a);
	        background: -ms-linear-gradient(top, #33cc99, #00855a);
			background: -o-linear-gradient(top, #33cc99, #00855a);
	        background: linear-gradient(top, #33cc99, #00855a);
    }
        }

    .swiper-slide img {
        text-align: center;
        width:100%; height:auto; max-height:550px;
    }