@media (max-width: 968px) {
    #hero-page .img-sediu img {
        width: 350px;
    }

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

    #hero-page .text p {
        font-size: 15px;
    }
}

@media (max-width: 839px) {
    #hero-page .img-sediu::before {
        content: "";
        position: absolute;
        width: 20vw;
        height: 20vh;
        left: 50%;
        top: 75%;
        transform: translate(-50%, -50%);
        background: #F87070;
        filter: blur(116.15px);
        z-index: -1;
    }
}

@media (max-width: 782px) {
    #hero-page {
        position: relative;
        top: 20px;
    }

    .hero-page-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #hero-page .text h1,
    #hero-page .text p,
    #hero-page .badge h1 {
        text-align: center;
    }

    #hero-page .badge,
    #hero-page .cta {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px auto 0;
    }

    #hero-page .bottom-elements {
        display: none;
    }

    #hero-page .img-sediu {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    header nav .hamburguer-icon {
        display: flex;
        color: white;
        font-size: 30px;
    }

    nav .links {
        display: none;
        width: 100%;
        flex-direction: column;
        text-align: center;
        position: fixed;
        top: 70px;
        left: 0;
        background: rgba(88, 88, 88, 0.9);
        backdrop-filter: blur(10px);
        padding: 20px;
        z-index: 20;
    }

    nav .links.show {
        display: flex;
    }

    nav .links a {
        font-size: 18px;
        padding: 10px 0;
    }
}

@media (max-width: 396px) {
    #hero-page .text h1 {
        font-size: 35px;
    }

    #hero-page .text p {
        font-size: 14px;
    }

    #hero-page .img-sediu img {
        width: 100%;
        max-width: 300px;
    }
}