@media (max-width: 768px) {
    .header-content h1 {
        font-size: 40px;
    }
    .popup-content {
        flex-direction: column;
    }
    .popup-img img {
        width: 30%;
    }
    
}

@media (max-width: 523px) {
    .header-content h1 {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .popup-text h3 {
        font-size: 20px;
    }
    .popup-text p {
        font-size: 10px;
    }
    .fa-solid, .fas {
        font-weight: 900;
        font-size: 15px;
    }

}