/* Media queries for Full HD (1920x1080) */
@media only screen and (max-width: 1920px) {
    /* Sekcja 1 */
    .hello {
        font-size: 5rem;
    }

    .glad {
        font-size: 2.5rem;
    }

    .section-1 .content {
        min-width: 1200px;
    }

    .section-1 .image-container {
        max-width: 350px;
    }

    .footer .symbol img {
        width: 5rem;
    }

    /* Sekcja 2 */
    .section-2 .content {
        width: 700px;
    }

    .section-2 .text-container {
        font-size: 2.5rem;
    }

    .section-2 .image-container {
        max-width: 350px;
    }

    .section-2 .text-container::after{
        -webkit-text-stroke: 9px #FFFFFF;
    }

    /* Sekcja 3 */
    .section-3 .social-text {
        font-size: 3rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-3 .social-icons {
        gap: 150px; /* Zmniejsz odstępy między ikonami */
    }

    .section-3 .social-icons img {
        width: 60px; /* Zmniejsz rozmiar ikon */
    }

    /* Sekcja 4 */
    .section-4 .subscription-text {
        font-size: 2.5rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-4 .subscription-form {
        width: 80%; /* Zmniejsz szerokość formularza */
    }

    .section-4 .subscription-form button {
        font-size: 1.7rem;
        height: 60px;
    }

    .section-4 .logo img {
        max-width: 250px; /* Zmniejsz rozmiar logo */
    }

    .subscription-form input[type="email"] {
        padding: 10px;
    }

    .checkbox-container {
        margin-top: 0px;
        margin-left: 5%;
    }

    .checkbox-container label {
        font-size: 1.2rem;
    }

    .popup-content::after{
        -webkit-text-stroke: 9px #FFFFFF;  
    }
}

/* Media queries for HD+ (1600x900) */
@media only screen and (max-width: 1600px) {
    /* Sekcja 1 */
    .hello {
        font-size: 4.5rem;
    }

    .glad {
        font-size: 2.25rem;
    }

    .section-1 .content {
        min-width: 1000px;
    }

    .section-1 .image-container {
        max-width: 300px;
    }

    .footer .symbol img {
        width: 4.5rem;
    }

    /* Sekcja 2 */
    .section-2 .content {
        width: 600px;
    }

    .section-2 .text-container {
        font-size: 2.25rem;
    }

    .section-2 .image-container {
        max-width: 320px;
    }

    .section-2 .text-container::after{
        -webkit-text-stroke: 8px #FFFFFF;
    }

    /* Sekcja 3 */
    .section-3 .social-text {
        font-size: 2.75rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-3 .social-icons {
        gap: 130px; /* Zmniejsz odstępy między ikonami */
    }

    .section-3 .social-icons img {
        width: 65px; /* Zmniejsz rozmiar ikon */
    }

    /* Sekcja 4 */
    .section-4 .subscription-text {
        font-size: 2.25rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-4 .subscription-form {
        width: 70%; /* Zmniejsz szerokość formularza */
    }

    .section-4 .subscription-form button {
        font-size: 1.6rem;
        height: 55px;
    }

    .section-4 .logo img {
        max-width: 230px; /* Zmniejsz rozmiar logo */
    }

    .subscription-form input[type="email"] {
        padding: 9px;
    }

    .checkbox-container {
        margin-top: 0px;
        margin-left: 4.5%;
    }

    .checkbox-container label {
        font-size: 1.1rem;
    }

    .popup-content::after{
        -webkit-text-stroke: 8px #FFFFFF;  
    }
}

/* Media queries for HD (1366x768) */
@media only screen and (max-width: 1366px) {
    /* Sekcja 1 */
    .hello {
        font-size: 4rem;
    }

    .glad {
        font-size: 2rem;
    }

    .section-1 .content {
        min-width: 900px;
    }

    .section-1 .image-container {
        max-width: 250px;
    }

    .footer .symbol img {
        width: 4rem;
    }

    /* Sekcja 2 */
    .section-2 .content {
        width: 550px;
    }

    .section-2 .text-container {
        font-size: 2rem;
    }

    .section-2 .image-container {
        max-width: 280px;
    }

    .section-2 .text-container::after{
        -webkit-text-stroke: 7px #FFFFFF;
    }

    /* Sekcja 3 */
    .section-3 .social-text {
        font-size: 2.5rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-3 .social-icons {
        gap: 110px; /* Zmniejsz odstępy między ikonami */
    }

    .section-3 .social-icons img {
        width: 60px; /* Zmniejsz rozmiar ikon */
    }

    /* Sekcja 4 */
    .section-4 .subscription-text {
        font-size: 2rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-4 .subscription-form {
        width: 65%; /* Zmniejsz szerokość formularza */
    }

    .section-4 .subscription-form button {
        font-size: 1.4rem;
        height: 55px;
    }

    .section-4 .logo img {
        max-width: 200px; /* Zmniejsz rozmiar logo */
    }

    .subscription-form input[type="email"] {
        padding: 9px;
    }

    .checkbox-container {
        margin-top: 0px;
        margin-left: 4.5%;
    }

    .checkbox-container label {
        font-size: 1rem;
    }

    .popup-content::after{
        -webkit-text-stroke: 7px #FFFFFF;  
    }
}

/* Media queries for HD 720p (1280x720) */
@media only screen and (max-width: 1280px) {
    /* Sekcja 1 */
    .hello {
        font-size: 3.5rem;
    }

    .glad {
        font-size: 1.75rem;
    }

    .section-1 .content {
        min-width: 800px;
    }

    .section-1 .image-container {
        max-width: 240px;
    }

    .footer .symbol img {
        width: 3.5rem;
    }

    /* Sekcja 2 */
    .section-2 .content {
        width: 450px;
    }

    .section-2 .text-container {
        font-size: 1.75rem;
    }

    .section-2 .image-container {
        max-width: 250px;
    }

    .section-2 .text-container::after{
        -webkit-text-stroke: 6.5px #FFFFFF;
    }

    /* Sekcja 3 */
    .section-3 .social-text {
        font-size: 2.25rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-3 .social-icons {
        gap: 90px; /* Zmniejsz odstępy między ikonami */
    }

    .section-3 .social-icons img {
        width: 55px; /* Zmniejsz rozmiar ikon */
    }

    /* Sekcja 4 */
    .section-4 .subscription-text {
        font-size: 2rem; /* Zmniejsz rozmiar tekstu */
    }

    .section-4 .subscription-form {
        width: 65%; /* Zmniejsz szerokość formularza */
    }

    .section-4 .subscription-form button {
        font-size: 1.4rem;
        height: 55px;
    }

    .section-4 .logo img {
        max-width: 200px; /* Zmniejsz rozmiar logo */
    }

    .subscription-form input[type="email"] {
        padding: 9px;
    }

    .checkbox-container {
        margin-top: 0px;
        margin-left: 4.5%;
    }

    .checkbox-container label {
        font-size: 1rem;
    }

    .popup-content::after{
        -webkit-text-stroke: 6.5px #FFFFFF;  
    }
}