@media (min-width:768px) {
    .wrapper {
        max-width: 50%;
    }
}
@media (min-width: 768px) {
    .desktop-message {
        display: block;
        padding-bottom: 200px;
        margin-top: 150px;
        text-align: center;
    }

    #preloader, #content {
        display: none;
    }
}
    @media (max-width: 1024px) {
        .container {
            max-width: 800px;

        }
        .main-wed {
            left: -46%;
        }
        .location-wed {
            left: -35%;
        }

        .program-wed {
            left: -26%;
        }
        .dresscode-wed {
            left: -202px;
        }
        .wishes-wed {
            left: -28%;
        }
        .organizer-wed {
            left: -38%;
        }
        .presence-wed {
            left: -35%;
        }

        .parallax-window {
            min-height: 600px;
            background: transparent;
        }

    }

    @media (max-width: 768px) {
        .container {
            max-width: 500px;
        }
        .main-info {
            font-size: 40px;
        }
        .main-info .date {
            margin-bottom: 20px;
        }
        .location-title, .program-title, .dresscode-title, .wishes-title, .organizer-title, .presence-title {
            font-size: 60px;
        }
        .dear, .location-title, .program-title, .dresscode-title, .wishes-title, .organizer-title, .presence-title {
            margin-bottom: 20px;
        }
        .main {
            padding: 50px 0 50px 0;
        }

        .program, .wishes, .presence {
            padding: 0px 0 50px 0
        }
        .location {
            padding: 0 0 0 0;
        }
        .presence {
            padding: 50px 0 0 0;
        }
        .location-info {
            font-size: 30px;
        }
        .location-address a {
            font-size: 30px;
        }

        .event {
            font-size: 28px;
        }
        .dresscode-info {
            font-size: 30px;
        }
        .dresscode-info-block {
            width: 80px;
            height: 60px;
        }

        .wishes-text {
            font-size: 30px;
        }
        .wishes {
            padding-top: 40px;
            padding-bottom: 50px;
        }

        .organizer {
            padding: 60px 0 63px 0;
        }
        .organizer-text, .organizer-name {
            font-size: 30px;
        }
        .organizer a {
            font-size: 26px;
        }
        .presence-text {
            font-size: 30px;
        }
        .des {
            font-size: 16px;
        }
        .timout-title {
            font-size: 45px;
        }
        .wed {
            font-size: 60px;
        }
        .main-wed {
            top: 40%;
            left: -60%;
        }
        .location-wed {
            left: -48%;
        }
        .program-wed {
            left: -38%;
        }
        .dresscode-wed {
            left: -136px;
        }
        .wishes-wed {
            left: -40%;
        }
        .organizer-wed {
            left: -52%;
        }
        .presence-wed {
            left: -48%;
        }




    }

    @media (max-width: 625px) {
        .container {
            max-width: 392px;
        }
        .dresscode-wed {
            left: -87px;
        }

        .main-info {
            font-size: 30px;
        }
        .main-info .text-right .text-right-two {
            font-size: 19px;
            margin-top: -7px;
        }
        .event {
            font-size: 20px;
        }
        .dresscode-info {
            font-size: 20px;
        }
        .wishes-text {
            font-size: 20px;
        }
        .organizer-text, .organizer-name {
            font-size: 20px;
            margin-bottom: 10px;
        }
        .organizer a {
            font-size: 20px;
        }
        .main .text, .organizer-text {
            padding-bottom: 10px;
        }
        .presence-text {
            font-size: 20px;
            margin-bottom: 10px;
        }


        .no-fonts {
            margin: 10px 0;
        }
        .wed {
            font-size: 40px;
        }
    }


    @media (max-width: 575px) {
        .container {
            max-width: 380px;
        }

        .location-title, .program-title, .dresscode-title, .wishes-title, .organizer-title, .presence-title {
            font-size: 40px;
        }
        .timout-title {
            font-size: 40px;
        }
        .main-wed {
            left: -50%;
        }
        .location-wed {
            left: -39%;
        }
        .program-wed {
            left: -32%;
        }
        .dresscode-wed {
            left: -81px;
        }
        .wishes-wed {
            left: -33%;
        }
        .organizer-wed {
            left: -43%;
        }
        .presence-wed {
            left: -40%;
        }


    }
    @media (max-width: 534px) {
        /*.main-wed {*/
        /*    left: -46%;*/
        /*}*/
        /*.location-wed {*/
        /*    left: -35%;*/
        /*}*/
        /*.program-wed {*/
        /*    left: -25%;*/
        /*}*/
        /*.dresscode-wed {*/
        /*    left: -37%;*/
        /*}*/


        /*.wishes-wed {*/
        /*    left: -26%;*/
        /*}*/
        /*.organizer-wed {*/
        /*    left: -36%;*/
        /*}*/
        /*.presence-wed {*/
        /*    left: -33%;*/
        /*}*/
        /*.dresscode-info-block {*/
        /*    width: 60px;*/
        /*    height: 50px;*/
        /*}*/
    }
    @media (max-width: 534px) {
        .dresscode-info-block {
            width: 60px;
            height: 50px;
        }
        .container {
            max-width: 330px;
        }
        .main-info {
            text-align: left;
            max-width: 281px;
            font-size: 24px;
        }
        .wed {
            font-size: 57px;
        }

        .main-wed {
            left: -78%;
        }
        .location-wed {
            left: -60%;
        }
        .program-wed {
            left: -46%;
        }
        .dresscode-wed {
            left: -120px;
        }


        .wishes-wed {
            left: -49%;
        }
        .organizer-wed {
            left: -64%;
        }
        .presence-wed {
            left: -58%;
        }

        .location-info {
            text-align: left;
        }
        .first {
            flex-direction: column;
            gap: 0;
        }
        .first svg {
            width: 40px;
            height: 40px;
        }
        .first .time {
            font-weight: bold;
            order: 2;
        }
        .event {
            font-size: 19px;
        }
        .dresscode-info-block {
            width: 60px;
            height: 40px;
        }
        .dresscode-info {
            text-align: left;
        }
        .wishes-text,.organizer-text {
            text-align: left;
        }
        .wedding-form {
            font-size: 20px;
        }





    }

    @media (max-width: 460px) {

        .main-wed {
            left: -75%;
        }
        .location-wed {
            left: -56%;
        }
        .program-wed {
            left: -41%;
        }
        .dresscode-wed {

            left: -137px;
        }
        .dresscode-info {
            text-align: center;
        }

        .wishes-text, .organizer-text {
            text-align: center;
        }

        .wishes-wed {
            left: -45%;
        }
        .organizer-wed {
            left: -59%;
        }
        .presence-wed {
            left: -52%;
        }


    }
    @media (max-width: 447px) {

        .container {
            max-width: 322px;
        }
        .dresscode-info {
            /*text-align: right;*/
        }
        .wishes-text {
            text-align: right;
        }

    }
    @media (max-width: 430px) {

        /*.container {*/
        /*    width: 290px;*/
        /*}*/
        .wishes-text, .organizer-text {
            text-align: center;
        }

        .location-info {
            text-align: center;
        }

        .main-wed {
            left: -84%;
        }
        .location-wed {
            left: -64%;
        }
        .program-wed {
            left: -47%;
        }
        .dresscode-wed {
            left: -130px;
        }


        .wishes-wed {
            left: -50%;
        }
        .organizer-wed {
            left: -68%;
        }
        .presence-wed {
            left: -59%;
        }



    }
    @media (max-width: 389px) {

        .location-title, .program-title, .dresscode-title, .wishes-title, .organizer-title, .presence-title {
            font-size: 32px;
        }
        /*.container {*/
        /*    width: 250px;*/
        /*}*/
        .timout-title {
            font-size: 32px;
        }

        .main-wed {
            left: -101%;
        }
        .location-wed {
            left: -76%;
        }
        .program-wed {
            left: -57%;
        }
        .dresscode-wed {
            left: -138px;
        }

        .dresscode-info-blocks {
            gap: 6px;
            justify-content: right;
        }
        .dresscode-info-block {
            width: 50px;
            height: 30px;
        }
        .wishes-wed {
            left: -62%;
        }
        .organizer-wed {
            left: -82%;
        }
        .presence-wed {
            left: -73%;
        }


    }

    @media (max-width: 389px) {



    }
    @media (max-width: 375px) {
        /*.container {*/
        /*    max-width: 240px;*/
        /*}*/

        .dresscode-wed {

        }
        .wishes-wed {
            left: -62%;
        }
        .organizer-wed {
            left: -84%;
        }
        .event {
            font-size: 16px;
        }



    }