@media(max-width:991px) {

    .hero-content h1 {
        font-size: 54px;
    }

    .about {
        grid-template-columns: 1fr;
    }

    .stats {
        flex-wrap: wrap;
    }

}

@media(max-width:768px) {

    nav {
        display: none;
    }

    .hero-content h1 {
        font-size: 38px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .media-grid {
        grid-template-columns: 1fr;
    }

}
.mediaSwiper img{

    height:250px;

}
@media (max-width:991px){

    .hero-title .line1{

        font-size:4.2rem;

    }

    .hero-title .line2{

        font-size:4.8rem;

    }

}

@media (max-width:768px){

    .hero-title{

        align-items:center;

        text-align:center;

    }

    .hero-title .line1{

        font-size:2.7rem;

    }

    .hero-title .line2{

        font-size:3.2rem;

    }

}