body{
    margin:0;
    padding:0;
    background:#f2f2f2;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
}

header{
    background:#003366;
    color:white;
    padding:20px;
    text-align:center;
}

.swiper{
    width:900px;
    max-width:90%;
    height:500px;
    margin:40px auto;
}

.swiper-wrapper{
    align-items:center;
}

.swiper-slide{
    display:flex;
    justify-content:center;
    align-items:center;
}

.swiper-slide img{
    display:block;
    margin:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.swiper-pagination{
    margin-top:15px;
}

section{
    width:900px;
    max-width:90%;
    margin:30px auto;
    background:#ffffff;
    padding:20px;
    text-align:center;
}

footer{
    background:transparent !important;
    color:#000000 !important;
    text-align:center;
    padding:20px;
    margin-top:30px;
    border:none;
}

@media (max-width:768px){

    .swiper{
        width:95%;
        height:260px;
    }

    section{
        width:95%;
    }

}