@media (max-width:768px){

    .app-header{

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

    .download-buttons{

        justify-content:center;

    }

    .hero h1{

        font-size:2rem;

    }

    .navbar{

        flex-direction:column;

        gap:15px;

    }

}