@media(max-width:768px) {

    section {
        padding: 80px 5%;
    }

    .hero h1 {
        font-size: 50px;
    }

    .hero h2 {
        font-size: 28px;
    }

    .swiper-slide {
        width: 280px;
    }

    .floating-nav {

        width: calc(100% - 30px);

        justify-content: space-around;

        bottom: 15px;
    }

    .nav-item {

        width: 45px;
        height: 45px;
    }

}