@media(max-width:992px) {

    .hero-title {
        font-size: 42px;
    }

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

    .hero-image {
        margin-top: 50px;
    }
}

@media(max-width:768px) {

    .hero-title {
        font-size: 34px;
    }

    .hero-description {
        font-size: 18px;
    }

    .tech-stack {
        justify-content: center;
    }
}