html, body {
    position: relative;
    height: 360px;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
h3{
	text-align: center;
	margin-bottom: 10px;
	font-family: 'Vitesse SSm 8r','Vitesse SSm A','Vitesse SSm B', Arial, sans-serif;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    font-size: 18px;
    background: #fff;
    /* 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 p{
	width:84%;
	margin-left:8%;
}

.swiper-slide h3{
	font-size: 1.0em;
	width: 90%;
	margin-left: 5%;
}

.swiper-slide img{
	width:80%;
	margin-left:10%;
}

.swiper-slide p{
	font-size: 15px;
}

@media (min-width: 599px) {
	html,body{
		height: 470px !important;
	}
	.swiper-slide img{
		width:80%;
		margin-left:10%;
	}
	.swiper-slide p,.swiper-slide h3{
	width:80%;
	margin-left:10%;
}
.swiper-slide h3{
	font-size: 1.17em;
}
}