/*Generals*/
*{
    text-decoration: none!important;
}
html {
    overflow-x: hidden;
    scroll-behavior:smooth!important;
}
@media (max-width: 768px) {
    * {
        max-width: 100%;
    }
    html,body,header,container {
    }
    .homepadding {
        padding-bottom: 110vh!important;
    }
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 10vh;
    background: #172E2B;
    width: 100vw;
}

    body::-webkit-scrollbar {
        width: 0; /* set scrollbar width */
    }


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #122020;
    z-index: 9999;
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border: 10px solid #3498db;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1.2s linear infinite;
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Hide the preloader when the page is fully loaded */
.loaded {
    display: none!important;
}
/*Stock*/

.homepadding{
    padding-bottom: 185vw;
}
.smalltoppadding {
    padding-top: 6vw;
}

.massivetestpadding{
    padding-bottom: 20vw;
}

@media screen and (max-width: 780px) {
    .massivetestpadding{
        position: absolute;
        padding-bottom: 200vw;
    }

    .PanoramaImage{
        width: 100vw!important;
        height: 100vh!important;  
        
    }
    .PanoramaImage img{
        width: 100vw!important;
        height: 70vh!important;
        object-fit: contain!important;
        border-radius: 0vw!important;
    }
    .textpanorama{

    }
    .textpanorama h1{
        font-size: 4vh!important;
    }
    .textpanorama h2{
        font-size: 2vh!important;
    }
}

    .bigpadding {
        padding-bottom: 105vw;
    }

    .minorpadding {
        padding-bottom: 5vw;
    }

    .eventspadding {
        padding-bottom: 300vh;
    }

    .archivepadding {
        padding-bottom: 160vh;
    }
    .upcomingpadding {
        padding-bottom: 160vw;
    }

    .activepadding {
        padding-bottom: 150vw;
    }

    .grantformpadding {
        padding-bottom: 88vw;
    }

    .Donateformpadding {
        padding-bottom: 68vw;
    }

    .smallpadding {
        padding-bottom: 60vh;
        position: absolute
    }

    .donatebutton {
        position: absolute;
        width: 21.5vw;
        height: 4.6vw;
        right: 28vw;
        background: #2F5C58;
        border: 0.25vw solid #EB5A3A;
        border-radius: 0.75vw;
        transition: background-color 0.5s;
        box-shadow: 0vw 0vw 1vw 0.5vw rgba(0, 0, 0, 0.25);
    }


        .donatebutton:hover {
            background-color: #4D7874;
            border-color: #ee6b4e;
            color: #ee6b4e;
        }

        .donatebutton:active {
            background-color: #3d605c;
            border-color: #be553e;
            color: #3d605c;
        }


        .donatebutton p {
            position: absolute;
            left: 6vw;
            top: 0.4vw;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 700;
            font-size: 2.25vw;
            display: flex;
            align-items: center;
            text-align: center;
            color: #EB5A3A;
        }

    .grantbutton {
        box-sizing: border-box;
        position: absolute;
        width: 21.5vw;
        height: 4.6vw;
        right: 5vw;
        background: #EB5A3A;
        border: 0.25vw solid #2F5C58;
        border-radius: 0.7vw;
        transition: background-color 0.5s;
        box-shadow: 0vw 0vw 1vw 0.5vw rgba(0, 0, 0, 0.25);
    }

        .grantbutton:hover {
            background-color: #ee6b4e;
            border-color: #264845;
            color: #264845;
        }

        .grantbutton:active {
            background-color: #d55135;
            border-color: #2F5C58;
            color: #264845;
        }

        .grantbutton p {
            position: absolute;
            left: 2.5vw;
            top: 0.4vw;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 700;
            font-size: 2.25vw;
            display: flex;
            align-items: center;
            text-align: center;
            color: #264845;
        }

    .whitelineborder {
        position: absolute;
        top: 40vw;
        left: 4.7vw;
        right: 4.7vw;
        border: 0.1vw solid #FFFFFF;
        filter: blur(0.1vw);
    }

    .whitelineborderL {
        position: absolute;
        top: 95vw;
        left: 4.7vw;
        right: 4.7vw;
        border: 0.4vh solid #FFFFFF;
        filter: blur(0.3vh);
    }

    .whitelineborderLL {
        position: absolute;
        top: 340vh;
        left: 4.7vw;
        right: 4.7vw;
        border: 0.4vh solid #FFFFFF;
        filter: blur(0.3vh);
    }

    .whiteblurborder {
        position: absolute;
        z-index: 1;
        top: 85.5vw;
        height: 10vw;
        width: 100vw;
        left: 0;
        right: 0;
        background: radial-gradient(113.41% 113.41% at 50% 100%, #264845 0%, rgba(47, 92, 88, 0) 55.75%);
    }

    .whiteblurborderL {
        position: absolute;
        z-index: 0;
        height: 15vh;
        bottom: -45%;
        width: 100%;
        background: linear-gradient(180deg, rgba(47, 92, 88, 0.03) 0%, rgba(139, 139, 139, 0.2) 100%), #000000;
    }

    .backgroundredtext, .backgroundredtextaboutus {
        position: absolute;
        transform: translate(-32vw, -2.3vw);
        color: rgba(235, 90, 58);
        font-size: 16vw;
        font-family: 'Italianno', sans-serif;
        font-style: normal;
        z-index: 2;
        font-weight: 400;
        opacity: 0.33;
    }

    .backgroundredtextaboutus {
        font-size: 20vw;
        width: 65%;
        left: 55%;
    }

    .bottomblackboaboutus {
        position: absolute;
        bottom: -5vw;
        width: 100vw;
        height: 25vw;
        background-color: black;
    }

    .backgroundredtextcontactus {
        position: absolute;
        transform: translate(25vw, 3vw);
        color: rgba(235, 90, 58, 1);
        font-size: 16vw;
        font-family: 'Italianno', sans-serif;
        font-style: normal;
        z-index: 2;
        font-weight: 400;
        opacity: 0.33;
    }

    .frontwhitetextcomingsoon {
        position: absolute;
        top: 60%;
        width: 90%;
        padding-left: 10vw;
        padding-right: 5vw;
        transform: translate(--50%);
        color: white;
        font-size: 4vh;
        z-index: 3;
        text-align: center;
        font-weight: 300;
        text-align: center;
    }

    .frontwhitetext {
        position: absolute;
        top: 13vw;
        width: 95vw;
        padding-left: 20vw;
        padding-right: 5vw;
        transform: translate(-2%);
        color: white;
        font-size: 2vw;
        z-index: 3;
        text-align: center;
        font-weight: 300;
    }
.frontwhitetextauthor {
    position: absolute;
    top: 18vw;
    width: 95vw;
    padding-left: 15vw;
    padding-right: 5vw;
    transform: translate(-2%);
    color: white;
    font-size: 2vw;
    z-index: 3;
    text-align: center;
    font-weight: 300;
    text-align: center;
}
/*Admin interface*/
.AdminForm {
    margin-left: 40vw;
    margin-top: 20vh;
    border: 1px solid black;
    width: 20vw;
    height: 40vh;
    border-radius: 20%;
}

    .AdminAuthorize {
        margin-left: 6vh;
        margin-top: 5vh;
        align-items: center;
    }
    /*Admin-choose*/
    .top-right-b {
        position: absolute;
        right: 0;
        top: 9%;
        bottom: auto;
        left: auto;
        width: 50%;
        height: 41%;
        z-index: -2;
        border-width: 1px;
    }

    .top-left-b {
        position: absolute;
        right: auto;
        top: 9%;
        bottom: auto;
        left: 0;
        width: 50%;
        height: 41%;
        z-index: -2;
        border-width: 1px;
    }

    .bottom-right-b {
        position: absolute;
        right: 0;
        top: auto;
        bottom: 9%;
        left: auto;
        width: 50%;
        height: 41%;
        z-index: -2;
        border-width: 1px;
    }

    .bottom-left-b {
        position: absolute;
        right: auto;
        top: auto;
        bottom: 9%;
        left: 0;
        width: 50%;
        height: 41%;
        z-index: -2;
        border-width: 1px;
    }

    /*Admin CRUD*/
    .CreationFormErrorMessage {
        color: red;
    }

    .AdminButton {
        width: 25vw;
        left: 5%;
    }

    .AdminPhotoEdit {
        width: 50vw;
        height: 50vh;
        left: 0;
        top: 10vh;
        object-fit: cover;
    }
    /*Header*/
    #header {
        display: flex;
        align-items: center;
        height: 5.5vw;
        width: 110vw;
        position: fixed;
        top: 0;
        background: linear-gradient(180deg, #000000 12%, rgba(0, 0, 0, 0) 100%);
        z-index: 100;
        right: -3vw;
    }

    #logo {
        flex: 0 0 15vw;
        margin-right: 15vw;
    }

    #logoimg {
        width: 28vw;
        height: 6vw;
        object-fit: cover;
        transform: translateX(1vw);
        transition: opacity 0.5s;
    }

#logoimg:hover{
    opacity: 0.8;
}

#nav {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

        #nav a {
            color: white;
            text-decoration: none;
            margin: 0 0.9vw; /* space between links */
            font-family: 'Roboto', sans-serif;
            font-size: 1.2vw;
            font-weight: 600;
            transition: opacity 0.8s;
            transform: translateX(-3vw)
        }


            #nav a:hover {
                opacity: 0.6;
            }

    /*Mobile Nav*/
    .mobileMenuHolder {
        display: none;
    }
.homeeventblocktobeannouncedtext {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 3vw;
    color: #EB5A3A !important;
    left: 28.5vw;
    top: 18vw;
    position: absolute;
}
    @media screen and (max-width: 780px) {
        .Donateformpadding {
            padding-bottom: 90vh!important;
        }

        textblock {
            width: 100vw!important;
            height: 55vh!important;
            left: 0!important;
            top: 20vh!important;
            position: absolute;
        }

        .homeeventsblock textblock h2 {
            text-align: center;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 5vh!important;
            padding-top: 13vh!important;
            z-index: 20;
            filter: none !important;
            color: #FFFFFF !important;
        }

        .homeeventsblock textblock h3 {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            padding-top: 0vh!important;
            font-size: 3vh!important;
            text-align: center;
            color: #EB5A3A;
        }

            .homeeventsblock textblock h3 prefix {
                color: #6DBCB5;
                font-weight: 600;
                padding-left: 1vw;


            }

        .homeeventblocktobeannouncedtext {
            font-family: 'Poppins'; font-weight: 300;
            font-size: 3vw;
            color: #EB5A3A !important;
            left: 28.5vw;
            top: 18vw;
            position: absolute;
            
        }

        .html, .body {
            height: 100vh !important;
            max-width: 100% !important;
            overflow: hidden !important;
        }

        .mobileMenuHolder {
            display: block;
        }

        .PcHeader {
            display: none !important;
        }

        #nav {
            display: none;
        }

        #logo {
            display: none;
        }

        .Mobilelogo {
            position: fixed;
            width: 50vh;
            height: 40vh;
            z-index: 300;
            top: -15%;
            left: -28%;
             z-index:9999!important;
        }

            .Mobilelogo img {
                width: 40vw;
                height: 15vh;
                object-fit: contain;
                transition: all 0.5s;
                z-index: 9999 !important;
            }


        .burger-menu {
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, #000000 99.99%, rgba(255, 255, 255, 0) 100%);
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 12vh;
            z-index: 200;
        }

        .burger-menu_button {
            position: fixed;
            top: 3%;
            right: 3%;
            z-index: 2000;
            width: 10vh;
            height: 12vw;
            border-radius: 50%;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            color: white;
        }


        .burger-menu_lines::before,
        .burger-menu_lines::after,
        .burger-menu_lines {
            position: absolute;
            width: 4vh;
            height: 0.4vh;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
            background-color: white;
        }

        .burger-menu_lines {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .burger-menu_lines::before {
                content: '';
                top: -12px;
            }

            .burger-menu_lines::after {
                content: '';
                top: 12px;
            }


        .burger-menu_active .burger-menu_lines {
            background-color: transparent;
        }

            .burger-menu_active .burger-menu_lines::before {
                top: 0;
                transform: rotate(45deg);
            }

            .burger-menu_active .burger-menu_lines::after {
                top: 0;
                transform: rotate(-45deg);
            }

        .burger-menu_nav {
            position: relative;
            padding-top: 15vh;
            padding-right: 10vw;
            top: 0;
            right: 105vw;
            z-index: 10;
            display: flex;
            flex-flow: column;
            height: 100vh;
            width: 105vw;
            background-color: #1d3a38;
            overflow-y: hidden;
            -webkit-transition: 0.8s;
            -moz-transition: 0.8s;
            z-index: 1000 !important;
            -o-transition: 0.8s;
            transition: 0.8s;
        }

        .burger-menu_active .burger-menu_nav {
            right: 0vw;
            -webkit-transition: 0.4s;
            -moz-transition: 0.4s;
            -o-transition: 0.4s;
            transition: 0.4s;
        }

        .burger-menu_link {
            padding-bottom: 4.5vh;
            padding-left: 14vw;
            text-align: left;
            font-family: Poppins;
            font-size: 3.5vh;
            text-decoration: none;
            font-weight: 600;
            color: white;
            z-index: 1000 !important;
            filter: brightness(100) !important;
        }

            .burger-menu_link:hover {
                filter: brightness(0.9);
            }

        .burger-menu_overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 10;
        }

        .burger-menu_active .burger-menu_overlay {
            display: block;
        }
        /*Home*/
        .homedonatebuttontext {
            font-size: 1.5vw;
            padding-top: 0.5vw;
            padding-left: 1vw;
        }

        .homegrantbuttontext{
            font-size: 1.5vw;
            padding-top: 0.5vw;
            padding-left: 0.5vw;
        }

        @media (max-width: 768px) {
            .buttoneventupcoming {
                position: absolute;
                background: #EB5A3A;
                border: 0.3vw solid #2F5C58;
                border-radius: 1vw;
                width: 20vw;
                margin-top: 2vw;
                left: 32vw;
                height: 5.2vw;
                transition: opacity 0.5s;
                z-index: 40;
            }

                .buttoneventupcoming:hover {
                    opacity: 0.5;
                }

                .buttoneventupcoming p {
                    text-decoration: none;
                    font-family: 'Poppins';
                    font-style: normal;
                    font-weight: 700;
                    font-size: 2.2vw;
                    left: 3.2vw;
                    top: 0.7vw;
                    display: flex;
                    align-items: center;
                    text-align: right;
                    color: #FFFFFF;
                    position: absolute;
                }
            .homedonatebuttontext {
                font-size: 22px !important;
                padding-top: 1vh !important;
                padding-left: 7vh !important;
            }

            .homegrantbuttontext {
                font-size: 22px !important;
                padding-top: 1vw!important;
                padding-left: 0.5vw!important;
            }

            .grantbutton p {
                position: absolute;
                left: 4vw;
                top: 1vh;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 700;
                font-size: 22px !important;
                display: flex;
                align-items: center;
                text-align: center;
                color: #264845;
            }
            .donatebutton p {
                font-size: 22px !important;
                top: 0.4vh;
                left: 10vw;
            }
        }
            .homeheaderupperline, .smallflowerandpieces, .righthomeslider, mySlidesright, dot-containerR, .lowereventshomeblock, .bottomlineaftereventssliderleft, .bottomlineaftereventssliderright {
                display: none;
            }

            .welcomehome {
                top: 90vh !important;
                height: 25vh !important;
                width: 100vw !important;
            }

                .welcomehome h1 {
                    font-size: 15vh !important;
                    left: 7vw !important;
                    position: absolute;
                }

                .welcomehome h2 {
                    font-size: 2.4vh !important;
                    left: 13vw !important;
                    top: 10vh !important;
                    position: absolute;
                }

            .visitblog {
                top: 210vh !important;
                height: 30vh !important;
            }

                .visitblog h1 {
                    font-size: 15vh !important;
                    padding-top: 4vh !important;
                    left: 3vw !important;
                }

                .visitblog h2 {
                    left: 7.5vw !important;
                    font-weight: 300;
                    padding-top: 8vh !important;
                    width: 85vw !important;
                    font-size: 1.6vh !important;
                }

            .readmorebuttonhome {
                top: 23vh !important;
                left: 35vw !important;
                width: 30vw !important;
                height: 4.5vh !important;
                transition: opacity ease 2s!important;
            }

            .readmorebuttonhome:hover{
                opacity: 0.8;
            }

                .readmorebuttonhome p {
                    font-size: 1.7vh !important;
                    padding-top: 1vh !important;
                }

            .homeeventsblock {
                top: 240vh !important;
                height: 50vh !important;
            }

                .homeeventsblock h1 {
                    font-size: 15vh !important;
                    padding-top: 0vh !important;
                }

            .eventimagehome {
                width: 100vw !important;
                left: 0 !important;
                top: 19vh !important;
                height: 40vh !important;
            }

            .eventshomeborder {
                display: none;
            }

                .eventshomeborder h2 {
                    padding-top: 10vh !important;
                }

            .flower {
                width: 30vw !important
            }


                .flower video {
                    transform: rotate(0deg) !important;
                    top: 20vh !important;
                    width: 50vh !important;
                    height: 50vh !important;
                    left: 0vh !important;
                    object-fit: cover !important;
                    max-width: 50vh!important;
                    max-height: 50vh!important;
                        
                }

            .homewhiteheader {
                font-size: 2.5vh !important;
                left: 5vh !important;
                top: 13vh !important;
            }

            .homeorangeheader {
                top: 17vh !important;
                width: 70vw !important;
                text-align: left !important;
                line-height: 4vh !important;
                left: 5vh !important;
                font-size: 4vh !important;
            }

            .donatebutton {
                top: 70vh !important;
                left: 3vh !important;
                width: 25vh !important;
                height: 10vh;
                border-radius: 2vh;
            }

                .donatebutton p {
                    padding-top: 1.8vh;
                    padding-left: 1.5vh !important;
                    font-size: 4vh;
                    margin-right: 4vh !important;
                }

            .grantbutton {
                width: 25vh !important;
                height: 10vh;
                border-radius: 2vh;
                top: 85vh !important;
            }

                .grantbutton p {
                    padding-top: 2vh;
                    font-size: 3vh;
                }

            .mobilehomebackground {
                position: absolute;
                z-index: 0;
                height: 110vh;
                width: 100vw;
                background: linear-gradient(0deg, #2F5C58 0%, rgba(47, 92, 88, 0.15) 18.81%);
            }

            .hometobeannounced {
                font-family: 'Poppins';
                font-weight: 300;
                font-size: 2vw;
                color: #EB5A3A !important;
            }

            .homeslider {
                top: 115vh !important;
                height: 100vh !important;
            }

            .Featuredartistshome h1 {
                font-size: 5vh !important;
            }

            .RadialGradientFeturedArtistsHome {
                width: 50vh !important;
                left: -28vh !important;
            }

            .mySlides {
                position: absolute;
                display: none;
                width: 18.8vw;
                height: 5vw;
                left: 39vw;
                top: 27vw;
                z-index: 2;
                text-align: center;
                background: rgba(24, 46, 44, 0.8);
                border-radius: 1vw;
            }

            .mySlidesright {
                position: absolute;
                display: none;
                width: 18.8vw;
                height: 10vh !important;
                top: 27vw;
                left: 33vw;
                z-index: 2;
                text-align: center;
                background: rgba(24, 46, 44, 0.8);
                border-radius: 2vh;
            }

            .mySlides img {
                position: absolute;
                transform: translate(-17.3vw, -35vw);
                object-fit: cover;
                width: 50vh;
                height: 50vh;
                border-color: black;
                border-block: solid;
                z-index: 3;
            }

            .sliderbackground {
                width: 32vw;
                height: 32vw;
                border-radius: 5vw;
                position: absolute;
                border-radius: 2vh;
            }

            .sliderbackground {
                transform: translate(-5vw, -34vw);
                background: rgb(39,91,86);
                background: linear-gradient(140deg, rgba(39,91,86,1) 15%, rgba(118,163,160,0.804359243697479) 34%, rgba(164,194,192,0.6671043417366946) 46%, rgba(255,255,255,0) 63%, rgba(59,101,97,0.45702030812324934) 80%, rgba(46,90,86,1) 94%);
            }

            .dot-container {
                top: 70vh !important;
                left: 30vw !important;
                width: 80vw !important;
            }

            .dot {
                height: 8vw !important;
                width: 8vw !important;
                margin: 3vw !important;
            }

            #footer {
            }

            #footer {
                display: flex;
                flex-direction: row;
                height: 15vh !important;
                width: 100vw;
                position: absolute;
                bottom: 0;
                left: 0;
                background-color: black;
                color: white;
                font-family: 'Poppins', sans-serif;
                position: absolute !important;
                bottom: 0 !important;
            }

            .footer-column {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                margin-top: 3vh !important;
                margin-right: 0vw !important;
                margin-left: 5vw !important
            }

                .footer-column:first-child {
                    margin-left: 8vw;
                }

                .footer-column:last-child {
                    margin-right: 8vw;
                }

                .footer-column p {
                    margin: 0;
                    font-size: 1.4vh !important;
                    font-weight: 600;
                }

                .footer-column a {
                    color: white !important;
                    text-decoration: none;
                    font-size: 1.4vh !important;
                    font-weight: 600;
                    transition: opacity 0.5s;
                }

                    .footer-column a:hover {
                        opacity: 0.8;
                    }

            .footer-images {
                display: flex;
                flex-direction: row;
                max-height: 3vh !important;
                padding: 0;
            }

                .footer-images img {
                    height: 3vh !important;
                    width: 5vw;
                    object-fit: contain;
                    transition: opacity 0.5s;
                    transform: translateX(-30%);
                }

                    .footer-images img:hover {
                        opacity: 0.8;
                    }
        }

    /*Footer*/


    #footer {
        display: flex;
        height: 12vw;
        width: 100vw;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: black;
        color: white;
        font-family: 'Poppins', sans-serif;
    }

    .footer-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 3vw;
        margin-right: 14vw;
    }

        .footer-column:first-child {
            margin-left: 8vw;
        }

        .footer-column:last-child {
            margin-right: 8vw;
        }

        .footer-column p {
            margin: 0;
            font-size: 1.1vw;
            font-weight: 600;
        }

        .footer-column a {
            color: white !important;
            text-decoration: none;
            font-size: 1.1vw;
            font-weight: 600;
            transition: opacity 0.5s;
        }

            .footer-column a:hover {
                opacity: 0.8;
            }

    .footer-images {
        display: flex;
        flex-direction: row;
        max-height: 3vw;
        padding: 0;
    }

        .footer-images img {
            height: 3vw;
            width: 5vw;
            object-fit: contain;
            transition: opacity 0.5s;
            transform: translateX(-30%);
        }

            .footer-images img:hover {
                opacity: 0.8;
            }

    /*Home page*/

    .homeheader {
        width: 100vw;
    }

    .homeheaderupperline {
        position: absolute;
        top: 5.5vw;
        height: 0.1vw;
        left: 4vw;
        right: 4vw;
        border: 0.01vw solid #FFFFFF;
    }

    .homewhiteheader {
        position: absolute;
        right: 4.6vw;
        top: 11.5vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 3.2vw;
        color: #FFFFFF;
    }

    .flower img {
        position: absolute;
        background: inherit;
        left: 0vw;
        top: 1vw;
        width: 55vw;
        height: 55vw;
    }

.flowermobile img {
    position: absolute;
    background: inherit;
    left: 0vw;
    top: 1vw;
    width: 55vw;
    height: 55vw;
}

    .smallflowerandpieces img {
        position: absolute;
        background: inherit;
        height: 30vw;
        width: 36vw;
        right: 9vw;
        top: 19.5vw;
        object-fit: contain;
    }

    .homeorangeheader {
        position: absolute;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 5.2vw;
        top: 15vw;
        width: 40vw;
        right: 4.6vw;
        line-height: 5vw;
        text-align: right;
        color: #EB5A3A;
    }

    .welcomehome {
        width: 100vw;
        background-color: black;
        height: 22vw;
        position: absolute;
        top: 52.5vw;
    }

        .welcomehome h1 {
            position: absolute;
            font-family: 'Italianno';
            font-style: normal;
            font-weight: 400;
            font-size: 19vw;
            display: flex;
            text-align: center;
            left: 26vw;
            top: -2.5vw;
            color: rgba(235, 90, 58);
            opacity: 0.28;
        }

        .welcomehome h2 {
            position: absolute;
            width: 70vw;
            font-family: 'Poppins';
            font-weight: lighter !important;
            font-size: 2vw;
            display: flex;
            left: 15vw;
            position: absolute;
            top: 11.1vw;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
        }

    .homeslider {
        position: absolute;
        background: #EBEBEB;
        width: 100vw;
        height: 60vw;
        top: 73vw;
    }

    .Featuredartistshome {
        font-family: 'Poppins';
        font-style: normal;
        text-align: center;
        color: #2F5C58;
    }

        .Featuredartistshome h1 {
            padding-top: 4vw;
            font-weight: 700 !important;
            font-size: 3.5vw;
        }

    .RadialGradientFeturedArtistsHome {
        position: absolute;
        transform: translateX(58%) rotate(-0.5deg);
        background: rgb(235,90,58);
        background: radial-gradient(circle, rgba(235,90,58,1) 60%, rgba(0,0,0,0) 100%);
        width: 46vw;
        height: 0.2vw;
    }

    .slideshow-container {
        position: relative;
    }

    .slideshow-containerR {
        position: relative;
    }

    /* Slides */
    @media (max-width: 768px) {
        .Featuredartistshome h1 {
            font-size:4.5vh !important;
            width: 100vw!important;
            padding-top: 6vh!important;
        }
        .RadialGradientFeturedArtistsHome {
            width: 50vh !important;
            left: -28vh !important;
            top: 12vh!important
        }
        .lefthomeslider{
            left: -10vw!important;
            top: 35vh!important;
            
        }
        .mySlides {
            position: absolute;
            display: none;
            width: 60vw!important;
            height: 7vh!important;
            left: 30vw!important;
            top: 28vh!important;
            z-index: 2;
            text-align: center;
            background: rgba(24, 46, 44, 0.8);
            border-radius: 1vw;
        }
            .mySlides img {
                position: absolute;
                transform: translate(-37vw, -90vw) !important;
                object-fit: cover;
                width: 35vh!important;
                height: 35vh!important;
                border-color: black;
                border-block: solid;
                z-index: 3;
            }
        .mySlides .GalleryName {
            font-size: 2.5vh!important;
        }
            .mySlides .author{
                font-size: 1.5vh!important;
                padding-top: 1vh!important;
            }
            .sliderbackground, .sliderbackgroundR {
                width: 100vw !important;
                height: 41vh !important;
                border-radius: 5vw;
                position: absolute;
                border-radius: 2vh;
            }

        .sliderbackground {
            transform: translate(-11.5vw, -94vw)!important;
            background: rgb(39,91,86);
            width: 39vh!important;
            height: 39vh!important;
            background: linear-gradient(140deg, rgba(39,91,86,1) 15%, rgba(118,163,160,0.804359243697479) 34%, rgba(164,194,192,0.6671043417366946) 46%, rgba(255,255,255,0) 63%, rgba(59,101,97,0.45702030812324934) 80%, rgba(46,90,86,1) 94%);
        }
        .dot-container {
            text-align: center;
            position: absolute;
            width: 25vw;
            padding-top: 3vw;
            left: 20vw!important;
            top: 42vh!important;
            background: #ddd;
            background-color: #EBEBEB;
            z-index: 1;
        }
    }
    .lefthomeslider {
        position: absolute;
        left: -20vw;
        top: 19vw;
    }

    .righthomeslider {
        position: absolute;
        left: 28.5vw;
        top: 19vw;
    }

    .mySlides {
        position: absolute;
        display: none;
        width: 18.8vw;
        height: 5vw;
        left: 39vw;
        top: 27vw;
        z-index: 2;
        text-align: center;
        background: rgba(24, 46, 44, 0.8);
        border-radius: 1vw;
    }

    .mySlidesright {
        position: absolute;
        display: none;
        width: 18.8vw;
        height: 5vw;
        top: 27vw;
        left: 33vw;
        z-index: 2;
        text-align: center;
        background: rgba(24, 46, 44, 0.8);
        border-radius: 2vh;
    }

.mySlides img {
    position: absolute;
    transform: translate(-15.1vw, -32.9vw);
    object-fit: cover;
    width: 29.5vw;
    height: 29.5vw;
    border-color: black;
    border-block: solid;
    z-index: 3;
}

    .mySlidesright img {
        position: absolute;
        object-fit: cover;
        width: 29.5vw;
        height: 29.5vw;
        transform: translate(-15.1vw, -32.9vw);
        z-index: 3;
    }

    .sliderbackground, .sliderbackgroundR {
        width: 32vw;
        height: 32vw;
        border-radius: 5vw;
        position: absolute;
        border-radius: 2vh;
    }

    .sliderbackground {
        transform: translate(-7vw, -34vw);
        background: rgb(39,91,86);
        background: linear-gradient(140deg, rgba(39,91,86,1) 15%, rgba(118,163,160,0.804359243697479) 34%, rgba(164,194,192,0.6671043417366946) 46%, rgba(255,255,255,0) 63%, rgba(59,101,97,0.45702030812324934) 80%, rgba(46,90,86,1) 94%);
    }

    .sliderbackgroundR {
        transform: translate(-7.5vw, -34vw);
        background: rgb(164,194,192);
        background: linear-gradient(261deg, rgba(164,194,192,0.6671043417366946) 6%, rgba(118,163,160,0.804359243697479) 19%, rgba(100,147,143,1) 25%, rgba(39,91,86,1) 37%, rgba(46,90,86,0.7063200280112045) 63%, rgba(59,101,97,0.18531162464985995) 87%, rgba(255,255,255,0) 100%);
    }
    /* The dot/bullet/indicator container */
    .dot-container {
        text-align: center;
        position: absolute;
        width: 25vw;
        padding-top: 3vw;
        left: 36vw;
        top: 30vw;
        background: #ddd;
        background-color: #EBEBEB;
        z-index: 1;
    }

    .dot-containerR {
        text-align: center;
        position: absolute;
        width: 25vw;
        padding-top: 3vw;
        left: 29.5vw;
        top: 30vw;
        background: #ddd;
        background-color: #EBEBEB;
        z-index: 1;
    }
    /* The dots/bullets/indicators */
    .dot, .dotR {
        cursor: pointer;
        height: 2vw;
        width: 2vw;
        margin: 0.6vw;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
        background-color: #2F5C58;
    }

        /* Add a background color to the active dot/circle */
        .active, .dot:hover {
            background-color: #EB5A3A;
        }

            .active .dotR:hover {
                background-color: #EB5A3A;
            }

    /* Add an italic font style to all quotes */


.GalleryName, .GalleryNameR {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 1.5vw;
    line-height: 1.5vw;
    text-align: center;
    color: #FFFFFF;
    padding-top: 2.2vh;
}
    /* Add a blue color to the author */
    .author, .authorR {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 200;
        font-size: 1vw;
        padding-top: 0.3vw;
        text-align: center;
        color: #FFFFFF;
    }

    .visitblog {
        position: absolute;
        top: 133vw;
        background-color: black;
        width: 100vw;
        height: 28vw;
        z-index: 2;
    }

        .visitblog h1 {
            position: absolute;
            font-family: 'Italianno';
            font-style: normal;
            font-weight: 400;
            left: 22vw;
            font-size: 20vw;
            top: -1vw;
            text-align: center;
            color: rgba(235, 90, 58);
            opacity: 0.28;
        }

        .visitblog h2 {
            position: absolute;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 300;
            font-size: 2vw;
            width: 75vw;
            left: 15vw;
            top: 14vw;
            text-align: center;
            color: #FFFFFF;
        }

        .visitblog a {
            position: absolute;
            width: 20.5vw;
            height: 5vw;
            top: 21vw;
            left: 41.5vw;
            transition: opacity 0.5s;
            background: #EB5A3A;
            border: 0.3vw solid #2F5C58;
            border-radius: 1vw;
            transition: all 0.5s;
            text-decoration: none;
        }

            .visitblog a:hover {
                opacity: 0.8;
            }

            .visitblog a p {
                text-decoration: none;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 700;
                font-size: 2.2vw;
                display: flex;
                align-items: center;
                padding-left: 3vw;
                padding-top: 0.6vw;
                text-align: center;
                color: #FFFFFF;
            }

    .homebottomeventlines {
    }

    .homeeventsblock {
        width: 100vw;
        height: 80vw;
        position: absolute;
        top: 156vw;
        background: linear-gradient(180deg, #2F5C58 0%, rgba(0, 0, 0, 0.25) 26.07%, rgba(0, 0, 0, 0.25) 79.48%, rgba(0, 0, 0, 0.25) 98.6%);
    }

        .homeeventsblock h1 {
            font-family: 'Italianno';
            font-style: normal;
            font-weight: 400;
            font-size: 18vw;
            text-align: center;
            padding-top: 2vw;
            background: linear-gradient(100.7deg, rgba(235, 90, 58, 0.5) 2.34%, rgba(109, 188, 181, 0.5) 77.47%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .eventshomeborder {
        box-sizing: border-box;
        position: absolute;
        width: 85vw;
        height: 40vw;
        left: 7.5vw;
        top: 19vw;
        z-index: 3;
        border: 0.2vw solid #FFFFFF;
        filter: blur(2px);
    }

    eventshomeborder img {
        position: absolute;
        z-index: 2;
    }

    .eventimagehome {
        width: 83.25vw;
        height: 38vw;
        position: absolute;
        left: 8.5vw;
        bottom: 22vw;
        object-fit: cover;
        filter: brightness(50%);
    }

    .eventimagehome-column {
        display: flex;
    }

    textblock {
        width: 83.25vw;
        height: 77vh;
        left: 8.5vw;
        top: 20vw;
        position: absolute;
    }

    .homeeventsblock textblock h2 {
        text-align: center;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 7vw;
        padding-top: 7vw;
        z-index: 20;
        filter: none !important;
        color: #FFFFFF !important;
    }

    .homeeventsblock textblock h3 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        padding-top: 4vw;
        font-size: 3vw;
        text-align: center;
        color: #EB5A3A;
    }

        .homeeventsblock textblock h3 prefix {
            color: #6DBCB5;
            font-weight: 600;
            padding-left: 1vw;
        }

    .buttoneventupcoming {
        position: absolute;
        background: #EB5A3A;
        border: 0.3vw solid #2F5C58;
        border-radius: 1vw;
        width: 20vw;
        margin-top: 2vw;
        left: 32vw;
        height: 5.2vw;
        transition: opacity 0.5s;
        z-index: 40;
    }

        .buttoneventupcoming:hover {
            opacity: 0.5;
        }

        .buttoneventupcoming p {
            text-decoration: none;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 700;
            font-size: 2.2vw;
            left: 3.2vw;
            top: 0.7vw;
            display: flex;
            align-items: center;
            text-align: right;
            color: #FFFFFF;
            position: absolute;
        }

    .bottomlineaftereventssliderleft {
        position: absolute;
        width: 12vw;
        height: 0;
        left: 30vw;
        bottom: 20vw;
        border: 0.2vw solid #FFFFFF;
        filter: blur(0.2vw);
        transform: rotate(90deg);
    }

    .bottomlineaftereventssliderright {
        position: absolute;
        width: 12vw;
        height: 0;
        right: 30vw;
        bottom: 20vw;
        border: 0.2vw solid #FFFFFF;
        filter: blur(0.2vw);
        transform: rotate(90deg);
    }

    .eventupcomingstatus {
        top: 223.5vw;
        left: 13vw;
        position: absolute;
        width: 20vw;
        color: white;
        font-family: Poppins;
        font-size: 1.8vw;
        font-weight: 600;
    }

    .eventupcomingstatus2 {
        top: 223.5vw;
        left: 43vw;
        position: absolute;
        width: 20vw;
        color: white;
        font-family: Poppins;
        font-size: 1.8vw;
        font-weight: 600;
    }

    .eventupcomingstatus3 {
        top: 223.5vw;
        left: 72vw;
        position: absolute;
        width: 20vw;
        color: white;
        font-family: Poppins;
        font-size: 1.8vw;
        font-weight: 600;
    }

    .lowereventshomeblock {
        width: 100vw;
        height: 12vw;
        position: absolute;
        bottom: 20vw;
        flex-direction: column;
        align-items: flex-start;
    }

    .lowereventcolumnname {
        color: #FFFFFF;
    }

    .lowereventcolumndateprefix {
        color: #EB5A3A;
    }

    .lowereventcolumndate {
        color: #6DBCB5;
    }

    .lowereventcolumncommingsoon {
        padding-bottom: 2vw;
    }

    .lowereventcolumn:first-child {
        position: absolute;
        left: -5vw;
        bottom: -3vw;
    }

    .lowereventcolumn:nth-child(2) {
        position: absolute;
        left: 26vw;
        bottom: -3vw;
    }

    .lowereventcolumn:last-child {
        position: absolute;
        left: 55vw;
        bottom: -3vw;
    }

    .lowereventcolumn {
        bottom: 20vw;
        padding-left: 20vw;
        display: grid;
        bottom: 20vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 1.5vw;
        text-align: center;
        color: #FFFFFF;
    }

    /*About us*/
    @media only screen and (max-width: 768px) {
        .eventupcomingstatus {
            top: 223.5vw;
            left: 13vw;
            position: absolute;
            width: 20vw;
            color: white;
            font-family: Poppins;
            font-size: 1.8vw;
            font-weight: 600;
            display: none!important;
        }

        .eventupcomingstatus2 {
            top: 223.5vw;
            left: 43vw;
            position: absolute;
            width: 20vw;
            color: white;
            font-family: Poppins;
            font-size: 1.8vw;
            font-weight: 600;
            display: none!important;
        }

        .eventupcomingstatus3 {
            top: 223.5vw;
            left: 72vw;
            position: absolute;
            width: 20vw;
            color: white;
            font-family: Poppins;
            font-size: 1.8vw;
            font-weight: 600;
            display: none!important;
        }

        .eventimagehome {
            width: 83.25vw;
            height: 38vw;
            position: absolute;
            left: 8.5vw;
            bottom: 22vw;
            object-fit: cover;
            filter: brightness(50%);
        }
        .backgroundredtextaboutus {
            font-size: 16vh !important;
            max-width: 90vw !important;
        }

        .frontwhitetext {
            font-size: 1.45vh !important;
        }

        .donatebutton {
            transform: translate(0, -38vh) !important
        }

        .grantbutton {
            transform: translate(0, -38vh) !important
        }

        .massivetestpadding {
            position: absolute !important;
            padding-bottom: 40vh !important;
        }

        .whitelineborder {
            top: 60vh !important;
            width: 98vw !important;
            left: 0.5vw !important;
            right: 0.5vw !important;
        }

        .whiteblurborder, .whitelineborderL {
            display: none;
        }

        .aboutheader h1 {
            left: 13vw !important;
            top: 60vh !important;
            font-size: 6vh !important;
            width: 80vw !important;
        }

        .abouttext {
            top: 63vh !important;
            left: 2.5vw !important;
            right: 5vw !important;
            width: 90vw !important;
        }

            .abouttext p {
                font-weight: 400 !important;
                font-size: 2vh !important;
                line-height: 3vh !important;
                left: 2.5vw !important;
                right: 5vw !important;
                width: 90vw !important;
            }

        .GaletskiyImage {
            left: 5vw !important;
        }

            .GaletskiyImage img {
                position: absolute !important;
                width: 90vw !important;
                height: 100vh !important;
                left: 5vw !important;
                object-fit: contain !important;
                top: 186vh !important;
            }

        .aboutIgorGaletskiytext h1 {
            position: absolute !important;
            top: 168.5vh !important;
            font-size: 3.3vh !important;
            left: 5vw;
            width: 90vw !important;
        }

        .GalitskiyQuotes {
            position: absolute !important;
            top: 240vh !important;
            width: 90vw !important;
        }

            .GalitskiyQuotes p {
                font-size: 2vh !important;
                width: 90vw !important;
            }
    }

    @media only screen and (max-width: 768px) {
        * {
            max-width: 100vw !important;
        }

        .backgroundredtextcontactus {
            display: none !important;
        }

        #footerabout {
            display: block !important;
        }

        .bottomblackboaboutus {
            display: none !important;
        }

        .smalltoppadding {
            padding-top: 10vh !important;
        }

        .flowercutted {
            display: none;
        }

        #black-figureaboutus {
            padding-top: 1vw;
            position: relative;
            width: 100vw;
            height: 20vh !important;
            background-color: black;
        }

        .black-figureaboutus-contacts {
            position: absolute;
            top: 350vh;
            width: 100%;
            height: 50vh;
            background-color: black;
        }
    }

    #black-figureaboutus {
        padding-top: 1vw;
        position: relative;
        width: 100vw;
        height: 25vw;
        background-color: black;
    }

    .black-figureaboutus-contacts {
        position: absolute;
        top: 350vh;
        width: 100%;
        height: 50vh;
        background-color: black;
    }


    aboutheader {
        font-family: 'Dela Gothic One', sans-serif !important; /* use Delta Gothic One font */
    }

    .aboutheader h1 {
        position: absolute;
        width: 15vw;
        height: 2vw;
        padding-top: 13vw;
        left: 25.5vw;
        font-family: 'Dela Gothic One', sans-serif !important; /* use Delta Gothic One font */
        font-style: normal;
        font-weight: 400;
        font-size: 2.3vw;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

    .flowercutted img {
        position: absolute;
        left: -30vw;
        top: 35vw;
        width: 65vw;
        height: 65vw;
    }

    .abouttext {
        position: absolute;
        width: 70vw;
        padding-top: 15vw;
        color: white;
    }

        .abouttext p {
            margin-top: 2.3vw;
            position: relative;
            left: 25.5vw;
            font-size: 1.3vw;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 300;
        }

    .aboutIgorGaletskiytext h1 {
        position: absolute;
        width: 30vw;
        height: 1vw;
        padding-top: 67vw;
        left: 6.5vw;
        font-family: 'Dela Gothic One', sans-serif !important; /* use Delta Gothic One font */
        font-style: normal;
        font-weight: 400;
        font-size: 2.3vw;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

    .GalitskiyQuotes {
        padding-top: 68vw;
    }

    .aboutIgorGaletskiytext p {
        margin-top: 2vw;
        position: relative;
        left: 6.5vw;
        font-size: 1.25vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        color: white;
        width: 50vw
    }

    .GaletskiyImage img {
        position: absolute;
        width: 58vw;
        top: 102vw;
        height: 43vw;
        object-fit: contain;
        right: -10vw;
    }


    #footerabout {
        display: flex;
        height: 15vw;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        color: white;
        font-family: 'Poppins', sans-serif;
    }

    .footerabout-column {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 7vw;
        margin-right: 20vw;
    }

        .footerabout-column:first-child {
            margin-left: 15vw;
        }

        .footerabout-column:last-child {
            margin-right: 20vw;
        }

        .footerabout-column p {
            margin: 0;
            font-size: 1.5vw;
            font-weight: 600;
        }

        .footerabout-column a {
            color: white !important;
            text-decoration: none;
            font-size: 1vw;
            font-weight: 600;
            transition: opacity 0.5s;
        }

            .footerabout-column a:hover {
                opacity: 0.8;
            }

    .footerabout-images {
        display: flex;
        flex-direction: row;
        align-items: center;
        max-height: 4vw;
        padding: 0;
    }

        .footerabout-images img {
            height: 3.5vw;
            width: 7vw;
            object-fit: contain;
            transition: opacity 0.5s;
            transform: translateX(-30%);
        }

            .footerabout-images img:hover {
                opacity: 0.8;
            }
    /*Thank You page*/

    .backthankstext h1 {
        position: absolute;
        width: 90vw;
        height: 30vh;
        left: 5vw;
        top: 20vh;
        font-family: 'Italianno';
        font-style: normal;
        font-weight: 400;
        font-size: 15vw;
        line-height: 78.5%;
        color: #EB5A3A;
    }

    .frontthankstext p {
        position: absolute;
        width: 90vw;
        height: 30vh;
        left: 5vw;
        top: 40vh;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 4.5vh;
        line-height: 150%;
        padding-top: 6vh;
        padding-bottom: 10vh;
        text-align: center;
        color: #FFFFFF;
    }
    /*Gallery*/
    @media only screen and (max-width: 768px) {
        .galleryheader h1 {
            text-align: center;
            color: white;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 7vh !important;
            padding-top: 12vh !important;
        }

        #gallery {
            display: flex;
            flex-wrap: wrap;
            padding-top: 1vw;
            transform: translate(-2vw)
        }

        #galery .galeryelement {
            flex-direction: column;
            width: 92vw !important;
            transition: transform 0.3s;
            text-decoration: none;
        }

        .galeryelement:active {
        }

            .galeryelement:active ~ galeryhide {
                display: block;
            }


        #gallery img {
            margin-left: 6.5vw;
            margin-right: 1vh;
            top: 2vw;
            width: 92vw !important;
            height: 30vh !important;
            box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
            object-fit: cover;
            border-radius: 10px 10px 0px 0px!important;
            transition: transform 1s, filter 0.5s;
        }

        .galleryimage:hover {
            box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
            transform: scale(0) !important;
        }

            .galleryimage:hover + .gallerytext {
                box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
                transform: scale(0) !important;
            }







        #gallery .gallerytext {
            position: relative;
            font-family: 'Poppins';
            margin-left: 6.5vw;
            margin-bottom: 10vw;
            display: flex;
            text-align: center;
            width: 92vw !important;
            background-color: #D9D9D9;
            flex-direction: column;
            color: black !important;
            height: 10vh !important;
            font-size: 3.2vh !important;
            border-bottom-left-radius: 10px!important;
            border-bottom-right-radius: 10px!important;
            box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
            transition: transform 1s;
            color: black;
            text-decoration: none;
        }

        .galerytext:hover {
            cursor: pointer;
        }



        #gallery .gallerytext h4 {
            font-size: 3vh !important;
            font-weight: bolder;
            text-decoration: none;
        }
    }

    .galleryheader h1 {
        text-align: center;
        color: white;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3vw;
        padding-top: 6vw;
    }

    #gallery {
        display: flex;
        flex-wrap: wrap;
        padding-top: 2vw;
        transform: translate(-2.5vw)
    }

    #galery .galeryelement {
        flex-direction: column;
        width: 45vw;
        height: 30vw;
        gap: 2vw;
        transition: transform 0.3s;
        text-decoration: none;
    }

    .galeryelement:active {
    }

        .galeryelement:active ~ galeryhide {
            display: block;
        }


    #gallery img {
        margin-left: 6.5vw;
        top: 2vw;
        width: 26.5vw;
        height: 16.5vw;
        box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
        object-fit: cover;
        border-top-left-radius: 1.2vw;
        border-top-right-radius: 1.2vw;
        transition: transform 1s, filter 0.5s;
    }

    .galleryimage:hover {
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
        cursor: zoom-in;
        transform: none!important;
    }

        .galleryimage:hover + .gallerytext {
            box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
            transform: none !important;
            cursor: zoom-in;
            text-decoration: none;
        }







    #gallery .gallerytext {
        position: relative;
        font-family: 'Poppins';
        margin-left: 6.5vw;
        margin-bottom: 10vw;
        display: flex;
        font-size: 1.5vw;
        text-align: center;
        background-color: #D9D9D9;
        flex-direction: column;
        color: black !important;
        height: 5.3vw;
        border-bottom-left-radius: 1.2vw;
        border-bottom-right-radius: 1.2vw;
        box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
        transition: transform 1s;
        color: black;
        text-decoration: none;
    }

    .galerytext:hover {
        cursor: pointer;
    }



    #gallery .gallerytext h4 {
        font-size: 1.6vw;
        font-weight: bolder;
        text-decoration: none;
    }
    /*Panorama*/
    .PanoramaImage {
        padding-top: 10vw;
        position: absolute;
        width: 100vw;
        height: 55vw;
        color: black;
        background-color: black !important;
    }

        .PanoramaImage img {
            object-fit: contain;
            width: 90vw;
            padding-left: 10vw;
            height: 40vw;
            border-radius: 4vh !important;
        }

    .backbuttononpanorama {
        top: 8vw;
        right: 6vw;
        position: absolute;
        width: 5vw;
        height: 5vw;
    }

    .backbuttononpanoramaleft {
        background-color: #FFFFFF;
        transform: rotate(44deg);
        width: 3.8vw;
        height: 0.22vw;
    }

    .backbuttononpanoramaright {
        background-color: #FFFFFF;
        transform: rotate(137deg);
        width: 3.8vw;
        height: 0.22vw;
    }

    .textpanorama {
    }

    .textpanorama {
        position: absolute;
        background: #D9D9D9;
        width: 80vw;
        height: 15vw;
        left: 10vw;
        text-align: center
    }

        .textpanorama h2 {
            padding-left: 2.5vw;
            padding-right: 2.5vw;
            font-weight: normal !important;
            font-size: 1.2vw;
        }

    .backtext {
        left: 0;
        bottom: 0vh;
        position: absolute;
        color: white;
        text-align: center;
    }

    .mobileupcomingevent {
        display: none;
    }
    /*Events*/
.archive{
    display: none!important
}
@media only screen and (max-width: 768px) {
    .archive {
        display: none !important
    }
    .archive {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            position: absolute;
            top: 95vw;
            margin-top: 5vw;
            gap: 3vw;
        }

            .archive .item {
                display: grid;
                grid-template-rows: auto 1fr;
                height: 1vh;
                width: 99vw !important;
                margin-top: 10vh !important;
                transform: translateX(-8vw);
                padding-bottom: 40vh !important;
                text-align: center;
            }



                .archive .item .eventimage {
                    width: 99% !important;
                    height: 40vh !important;
                    object-fit: cover;
                    border-top-left-radius: 1vw;
                    border-top-right-radius: 1vw;
                    filter: grayscale(100%);
                    position: relative;
                    box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
                }


                .archive .item .eventtext {
                    text-align: center;
                    position: relative;
                    font-family: 'Dela Gothic One';
                    font-style: normal;
                    font-weight: 400;
                    font-size: 5vh !important;
                    line-height: 110%;
                    align-items: center;
                    text-align: center;
                    color: #FFFFFF;
                    margin-top: 17vh !important;
                    margin-left: 0 !important;
                    width: 96vw !important;
                    z-index: 5;
                }


        .eventdate {
            text-align: center;
            font-size: 2vh !important;
            color: #6DBCB5;
            background-color: black;
            height: 5vh !important;
            border-bottom-left-radius: 2vh;
            border-bottom-right-radius: 2vh;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            line-height: 110%;
            padding-top: 2vh;
            filter: grayscale(100%);
            width: 99vw !important;
        }

            .eventdate .prefix {
                display: inline-block;
                color: #EB5A3A;
                padding-right: 1vw;
                filter: grayscale(100%)
            }

        .archh1 {
            padding-top: 10vw;
            color: white;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 5vh !important;
            text-align: center;
            color: #FFFFFF;
            position: relative !important;
            left: 0 !important;
        }

        .archh1mobileholder {
            position: absolute;
            top: 0vh !important;
            text-align: center;
            align-items: center;
            width: 100vw !important;
            left: 0;
        }

        .upcomingarchivemobileline {
            position: absolute;
            left: 0;
            top: 42vh !important;
            z-index: 100;
            height: 0vh !important;
            width: 100vw !important;
            color: white;
            background-color: white;
            transform: none;
            outline: 0.2vh solid white;
            box-shadow: 0 0 0.4vh 0.2vh rgba(0, 0, 0, 0.3);
        }

        .bigpadding {
            padding-bottom: 105vh !important;
        }

        .eventslider {
            display: none !important;
        }

        .mobileupcomingevent {
            display: block;
            width: 100vw !important;
            height: 40vh !important;
            position: absolute;
            left: 0;
            top: 56vh !important;
        }

        .mobileupcomingevent {
            display: block;
        }

            .mobileupcomingevent img {
                width: 100vw !important;
                height: 40vh !important;
                object-fit: cover;
            }

            .mobileupcomingevent figure {
                background-color: rgba(0,0,0,0.6);
                width: 100vw;
                height: 25vh;
                top: 7.5vh;
                position: absolute;
                text-align: center;
                align-content: center;
            }

            .mobileupcomingevent h1 {
                color: white;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 3.1vh;
                z-index: 5;
                position: relative;
                padding-top: 4vh !important;
                opacity: 1 !important;
            }

            .mobileupcomingevent h3 {
                color: #6DBCB5;
                font-family: Poppins;
                font-weight: 600;
            }

            .mobileupcomingevent h2 {
                color: white;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 3.1vh;
                z-index: 5;
                position: relative;
                padding-top: 9vh !important;
                opacity: 1 !important;
            }

            .mobileupcomingevent h4 {
                color: #6DBCB5;
                font-family: Poppins;
                font-weight: 600;
            }


        .archive {
            top: 95vh !important;
        }

        .actimeevetimage {
            padding-top: 12vh !important;
        }

            .actimeevetimage img {
                height: 35vh !important;
            }

        .activeeventtext h1 {
            padding-top: 17vh !important;
            font-size: 3.2vh !important;
        }

            .activeeventtext h1:nth-child(2) {
                padding-top: 0.2vw !important;
            }

        .dateupcomingeventprefix {
            font-size: 2vh !important
        }

            .dateupcomingeventprefix h3 {
                font-size: 2vh !important
            }

        .activeeventbutton button {
            position: absolute;
            box-sizing: border-box;
            width: 20vh !important;
            height: 6vh !important;
            left: 30vw !important;
            top: 35vh !important;
            background: #EB5A3A;
            border: 0.2vh solid #2F5C58 !important;
            border-radius: 2vh !important;
            transition: background-color 0.5s, border 0.5s, opacity 0.5s;
        }

        .activeeventbutton p {
            font-family: 'Poppins';
            font-style: normal;
            color: white;
            margin-top: 0.8vh !important;
            align-content: center;
            align-self: center;
            align-items: center;
            font-weight: 800;
            font-size: 2.5vh !important;
        }

        .activeeventbutton button:hover {
            background: #EB5A3A;
            border: 0.2vw solid #2F5C58;
            opacity: 0.8
        }

        .upcomingeventmobilebutton button {
            position: relative;
            box-sizing: border-box;
            width: 20vh !important;
            height: 6vh !important;
            z-index: 5;
            top: 2vh;
            background: #EB5A3A;
            border: 0.2vh solid #2F5C58 !important;
            border-radius: 2vh !important;
            transition: background-color 0.5s, border 0.5s, opacity 0.5s;
        }

        .upcomingeventmobilebutton p {
            font-family: 'Poppins';
            font-style: normal;
            color: white;
            margin-top: 0.8vh !important;
            align-content: center;
            align-self: center;
            align-items: center;
            font-weight: 800;
            font-size: 2.5vh !important;
        }

        .upcomingeventmobilebutton button:hover {
            background: #EB5A3A;
            border: 0.2vw solid #2F5C58;
            opacity: 0.8
        }

        .mobileupcomingforactiveevents {
            display: block !important;
            color: white !important;
            background-color: none !important;
            position: absolute !important;
            top: 48vh !important;
            align-content: center !important;
            width: 100vw !important;
            left: 0 !important;
            text-align: center !important;
        }

            .mobileupcomingforactiveevents h1 {
                position: relative;
                font-size: 5vh !important;
                font-family: 'Dela Gothic One';
            }
    }

    .mobileupcomingforactiveevents {
        display: none;
    }

    .actimeevetimage {
        width: 100vw;
        height: 50vw;
        position: absolute;
        left: 0;
        object-fit: cover;
    }

        .actimeevetimage img {
            width: 100vw;
            height: 50vw;
            position: absolute;
            left: 0;
            object-fit: cover;
            background-color: black;
            filter: brightness(0.5)
        }

    .activeeventtext {
        width: 100vw;
        height: 50vw;
        position: absolute;
        left: 0;
        text-align: center;
        align-content: center;
        align-items: center;
    }

        .activeeventtext h1 {
            padding-top: 12vw;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 5vw;
            text-align: center;
            color: #FFFFFF;
        }

            .activeeventtext h1:nth-child(2) {
                padding-top: 0.2vw;
            }

    .dateupcomingeventprefix {
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vw;
        color: #6DBCB5;
        padding-top: 0.1vw;
        left: 32vw;
        display: inline-block;
    }

        .dateupcomingeventprefix h3 {
            color: #EB5A3A;
            font-size: 3vw;
            display: inline-block;
            margin: 1vw;
        }

    .activeeventbutton {
    }

        .activeeventbutton button {
            position: absolute;
            box-sizing: border-box;
            width: 20vw;
            height: 4.5vw;
            left: 40vw;
            top: 32.5vw;
            background: #EB5A3A;
            border: 0.2vw solid #2F5C58;
            border-radius: 10px;
            transition: background-color 0.5s, border 0.5s, opacity 0.5s;
        }

        .activeeventbutton p {
            font-family: 'Poppins';
            font-style: normal;
            color: white;
            margin-top: 0.7vw;
            align-content: center;
            align-self: center;
            align-items: center;
            font-weight: 800;
            font-size: 2vw;
        }

        .activeeventbutton button:hover {
            background: #EB5A3A;
            border: 0.2vw solid #2F5C58;
            opacity: 0.8
        }

    .eventslider {
        width: 100vw;
        height: 50vw;
        background-color: white;
        top: 50vw;
        position: absolute;
        left: 0;
    }

        .eventslider button {
            width: 20vw;
            height: 20vh;
            left: 0;
        }

    input[type=radio] {
        display: none;
        height: 20%;
    }

    .card {
        position: absolute;
        width: 800vw;
        height: 80vw;
        left: 0;
        right: 0;
        margin: auto;
        transition: transform .4s ease;
        cursor: pointer;
        transform: translate(40vw, -20vw);
        background: rgb(32,59,56);
        background: linear-gradient(261deg, rgba(32,59,56,1) 0%, rgba(98,171,165,0.85) 26%, rgba(109,188,181,1) 75%, rgba(24,46,44,1) 100%);
        border-radius: 3vw;
    }
    .archh1mobileholder {
        display: none;
    }
    .comingsoontext {
        position: absolute !important;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 5vw;
        color: #FFFFFF;
        top: 10vw;
        left: 3.5vw;
        position: absolute;
    }

    .lowerslidertext {
        position: absolute;
        background-color: rgba(0,0,0,0.7);
        border-bottom-left-radius: 3vw;
        border-bottom-right-radius: 3vw;
        z-index: 20;
        left: 1vw;
        top: 19vw;
        height: 10vw;
        width: 50vw;
    }

    .eventsliderdate {
        color: #6DBCB5;
        font-size: 2vw;
        top: 5.7vw;
        left: 3vw;
        position: absolute;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
    }

    .eventsliderdatenow {
        color: #EB5A3A;
        font-size: 2vw;
        top: 5.7vw;
        left: 9vw;
        position: absolute;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
    }

    .eventslidername {
        position: absolute;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        left: 1.5vw;
        top: 1vw;
        font-size: 2.6vw;
        /* or 34px */

        text-align: center;
        color: #FFFFFF;
    }

    .eventsliderbutton {
        width: 16vw;
        height: 4vw;
        right: 2vw;
        background-color: #EB5A3A;
        color: white;
        font-family: 'Poppins';
        position: absolute;
        bottom: 0.8vw;
        font-weight: 600;
        text-decoration: none;
        font-size: 2vw;
        z-index: 30;
        border-radius: 1vw;
        padding-left: 2vw;
        padding-top: 0.3vw;
        border: 0.2vw solid #2F5C58;
        border-radius: 1vw;
        transition: opacity 0.5s;
    }

        .eventsliderbutton:hover {
            text-decoration: none;
            opacity: 0.8;
            color: white;
        }




    .eventslir {
        position: absolute;
        top: 600vw;
        left: 50vw;
        height: 60vw;
        z-index: 10;
    }

    .cards {
        position: absolute;
        left: 24vw;
        padding-top: 10vw;
        width: 30vw;
    }

    .cartinka {
        padding-top: 1vw;
        padding-left: 1vw;
        filter: brightness(90%);
        max-height: 28.8vw;
        max-width: 51vw;
        object-fit: cover;
        border-radius: 3vw;
    }

    .cartinkasoon {
        padding-top: 0.7vw;
        padding-left: 1vw;
        filter: brightness(30%);
        height: 29vw;
        max-height: 29vw;
        max-width: 51vw;
        object-fit: cover;
        border-radius: 3vw;
    }

    .Comingsooncentertext {
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 5vw;
        display: flex;
        align-items: center;
        text-align: center;
    }

    #item-1:checked ~ .cards #song-3, #item-2:checked ~ .cards #song-1, #item-3:checked ~ .cards #song-2 {
        transform: translateX(-40%) scale(.8);
        opacity: .4;
        z-index: 0;
        width: 52vw;
        height: 30vw;
    }

    #item-1:checked ~ .cards #song-2, #item-2:checked ~ .cards #song-3, #item-3:checked ~ .cards #song-1 {
        transform: translateX(40%) scale(.8);
        opacity: .4;
        z-index: 0;
        width: 52vw;
        height: 30vw;
    }

    #item-1:checked ~ .cards #song-1, #item-2:checked ~ .cards #song-2, #item-3:checked ~ .cards #song-3 {
        transform: translateX(0) scale(1);
        opacity: 1;
        z-index: 1;
        width: 52vw;
        height: 30vw;
    }







    #item-2:checked ~ .player #test {
        transform: translateY(0);
        height: 20vw;
    }

    #item-2:checked ~ .player #test {
        transform: translateY(-40px);
        height: 20vw;
    }

    #item-3:checked ~ .player #test {
        transform: translateY(-80px);
        height: 20vw;
    }

    .archh1 {
        padding-top: 10vw;
        color: white;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 5.5vw;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        left: 37vw;
        transform: translateY(-7vw);
    }
    .archh2 {
        padding-top: 10vw;
        color: white;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 5.5vw;
        text-align: center;
        color: #FFFFFF;
        position: absolute;
        left: 37vw;
        transform: translateY(-7vw);
    }

    .archive {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        position: absolute;
        top: 95vw;
        margin-top: 5vw;
        gap: 3vw;
        padding-left: 8.5vw
    }





        .archive .item {
            display: grid;
            grid-template-rows: auto 1fr;
            height: 1vh;
            width: 40vw;
            margin-top: 13vw;
            padding-bottom: 19vw;
            transition: all 2s!important;
        }



            .archive .item .eventimage {
                width: 100%;
                height: 23.5vw;
                object-fit: cover;
                border-top-left-radius: 1vw;
                border-top-right-radius: 1vw;
                filter: grayscale(100%);
                position: relative;
                box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.25);
                transition: all 1s !important;
            }


                .archive .item .eventimage:hover {
                    cursor: pointer;
                    filter: grayscale(0%);
                    box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
                }



    .eventimage:hover ~ .eventdate {
        filter: grayscale(0%);
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
    }

        .eventimage:hover ~ .eventdate .prefix {
            filter: grayscale(0%);
        }

    .eventdate:hover ~ .eventimage {
        filter: grayscale(0%);
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
    }

    .eventdate .prefix:hover ~ .eventimage {
        filter: grayscale(0%);
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
    }

.archive .item .eventtext {
    text-align: center;
    position: absolute;
    font-family: 'Dela Gothic One';
    font-style: normal;
    font-weight: 400;
    font-size: 3vw;
    line-height: 110%;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-top: 11vw;
    margin-left: 2.5vw;
    width: 35vw;
    z-index: 5;
    transition: all 1s !important;
}

    .eventtext:hover ~ .eventdate {
        cursor: pointer;
        filter: grayscale(0%);
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
    }

        .eventtext:hover ~ .eventdate .prefix {
            cursor: pointer;
            filter: grayscale(0%);
        }

    .eventtext:hover ~ .eventimage {
        cursor: pointer;
        filter: grayscale(0%);
        box-shadow: 0vw 0.2vw 3vw 3vw rgba(235,90,58, 0.2) !important;
    }


    .eventdate {
        text-align: center;
        font-size: 2vw;
        color: #6DBCB5;
        background-color: black;
        width: 40vw;
        height: 5vw;
        border-bottom-left-radius: 2vh;
        border-bottom-right-radius: 2vh;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 2vw;
        line-height: 110%;
        padding-top: 1vw;
        filter: grayscale(100%)
    }

        .eventdate .prefix {
            display: inline-block;
            color: #EB5A3A;
            padding-right: 1vw;
            filter: grayscale(100%)
        }
    /*Archive Events*/
    @media only screen and (max-width: 768px) {
        .archh2{
            display: none!important;
        }
        .archivehead {
            width: 100vw;
            height: 40vh;
            position: absolute;
            top: 12vh !important;
            left: 0;
        }

        .archivemainphoto {
            width: 100vw !important;
            height: 23vh !important;
            margin-left: 0vw !important;
            border-radius: 0vw !important;
            box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.5);
            filter: grayscale(100%);
            position: relative;
            object-fit: cover
        }

        .archivemaintitle {
            position: absolute;
            z-index: 5;
            width: 100vw !important;
            left: 0 !important;
            top: 5.5vh !important;
            padding-left: 2vw !important;
            padding-top: 0vh !important;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 5vh !important;
            line-height: 110%;
            display: flex;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
        }

        .archivedate {
            top: 15vh !important;
            padding-top: 0vw !important;
            position: absolute;
            z-index: 5;
            padding-left: 5vw !important;
            color: #6DBCB5;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 2.5vh !important;
            line-height: 110%;
            display: flex;
            align-items: center;
            text-align: center;
        }

        .archivedateprefix {
            color: #EB5A3A;
            padding-right: 1vh;
        }

        .archiveblockleft {
            width: 100vw;
            height: 100vh;
            position: absolute;
            top: 40vh !important;
            left: 0vw;
            align-content: center !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            
        }

            .archiveblockleft h1 {
                position: relative !important;
                padding-top: 0 !important;
                left: 0vw !important;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 4vh !important;
                line-height: 110%;
                width: 75vw !important;
                align-items: inherit !important;
                text-align: center !important;
                color: white !important;
                padding-left: 0vw !important;
                padding-bottom: 3vh !important;
            }

            .archiveblockleft p {
                position: relative !important;
                padding-top: 0vh !important;
                padding-left: 0vw !important;
                width: 90vw !important;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: bold;
                font-size: 1.7vh !important;
                line-height: 3vh !important;
                font-weight: 500;
                /* or 30px */

                display: flex;
                align-items: center;
                text-align: center;
                color: white !important;
            }

            .archiveblockleft img {
                position: relative !important;
                right: 0vw !important;
                left: 0vw !important;
                margin-top: 12vh;
                height: 40vh !important;
                width: 100vw !important;
                object-fit: cover;
                border-radius: 0px !important;
            }

        .archiveblockright {
            width: 100vw;
            height: 100vh;
            position: absolute;
            top: 120vh !important;
            left: 0vw;
            align-content: center !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

            .archiveblockright h1 {
                position: relative !important;
                padding-top: 0 !important;
                left: 0vw !important;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 4vh !important;
                line-height: 110%;
                width: 75vw !important;
                align-items: inherit !important;
                text-align: center !important;
                color: white !important;
                padding-left: 0vw !important;
                padding-bottom: 3vh !important;
            }

            .archiveblockright p {
                position: relative !important;
                padding-top: 0vh !important;
                padding-left: 0vw !important;
                left: 0 !important;
                width: 90vw !important;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: bold;
                font-size: 1.7vh !important;
                line-height: 3vh !important;
                font-weight: 500 !important;
                /* or 30px */

                display: flex;
                align-items: center;
                text-align: center;
                color: white !important;
            }

            .archiveblockright img {
                position: relative !important;
                right: 0vw !important;
                left: 0vw !important;
                margin-top: 12vh;
                height: 40vh !important;
                width: 100vw !important;
                object-fit: cover;
                border-radius: 0px !important;
            }
    }

    .archivehead {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 10vh;
        left: 0;
    }

    .archivemainphoto {
        width: 90vw;
        height: 90vh;
        margin-left: 5vw;
        border-radius: 2vw;
        box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.5);
        filter: grayscale(100%);
        position: relative;
        object-fit: cover
    }

    .archivemaintitle {
        position: absolute;
        z-index: 5;
        width: 80vw;
        padding-left: 23vw;
        padding-top: 25vh;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 6.5vw;
        line-height: 110%;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }

    .archivedate {
        padding-top: 22.5vw;
        position: absolute;
        z-index: 5;
        padding-left: 34.5vw;
        color: #6DBCB5;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3vw;
        line-height: 110%;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .archivedateprefix {
        color: #EB5A3A;
        padding-right: 1vh;
    }

    .archiveblockleft {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 100vh;
        left: 0vw;
    }

        .archiveblockleft h1 {
            position: absolute;
            padding-top: 34vh;
            left: 12vw;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 3.5vw;
            line-height: 110%;
            width: 40vw;
            display: flex;
            align-items: center;
            text-align: center;
            color: #000000;
        }

        .archiveblockleft p {
            position: absolute;
            padding-top: 43vh;
            padding-left: 13vw;
            width: 40vw;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: bold;
            font-size: 1.2vw;
            line-height: 150%;
            font-weight: 500;
            /* or 30px */

            display: flex;
            align-items: center;
            text-align: center;
            color: #000000;
        }

        .archiveblockleft img {
            position: absolute;
            right: 8vw;
            margin-top: 8vw;
            height: 80vh;
            width: 35vw;
            object-fit: cover;
            border-radius: 10px;
        }

    .archiveblockright {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 200vh;
        left: 0vw;
    }

        .archiveblockright h1 {
            position: absolute;
            padding-top: 17vw;
            right: 8vw;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 3.5vw;
            line-height: 110%;
            width: 35vw;
            display: flex;
            align-items: center;
            text-align: center;
            color: #000000;
        }

        .archiveblockright p {
            position: absolute;
            padding-top: 43vh;
            right: 15vw;
            width: 27vw;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: bold;
            font-size: 1.2vw;
            line-height: 150%;
            /* or 30px */

            display: flex;
            align-items: center;
            text-align: center;
            color: #000000;
        }

        .archiveblockright img {
            position: absolute;
            left: 8vw;
            margin-top: 8vw;
            height: 80vh;
            width: 35vw;
            object-fit: cover;
            border-radius: 10px;
        }
    /*Active Events*/
    @media only screen and (max-width: 768px) {
        .activeheader {
            width: 100vw;
            height: 40vh;
            position: absolute;
            top: 12vh !important;
            left: 0;
        }

        .activemainphoto {
            width: 100vw !important;
            height: 23vh !important;
            margin-left: 0vw !important;
            border-radius: 0vw !important;
            box-shadow: 0vw 0.1vw 1vw 1vw rgba(0, 0, 0, 0.5);
            position: relative;
            object-fit: cover
        }

        .activemaintittle {
            position: absolute;
            z-index: 5;
            width: 100vw !important;
            left: 0 !important;
            top: 8vh !important;
            padding-left: 2vw !important;
            padding-top: 0vh !important;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 5vh !important;
            line-height: 110%;
            display: flex;
            align-items: center;
            text-align: center;
            color: #FFFFFF;
        }

        .activedate {
            top: 15vh !important;
            padding-top: 0vw !important;
            position: absolute;
            z-index: 5;
            padding-left: 5vw !important;
            color: #6DBCB5;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 2.5vh !important;
            line-height: 110%;
            display: flex;
            align-items: center;
            text-align: center;
            display: none !important
        }

        .archivedateprefix {
            color: #EB5A3A;
            padding-right: 1vh;
        }

        .activeblockright {
            width: 100vw;
            height: 100vh;
            position: absolute;
            top: 90vh !important;
            left: 0vw;
            align-content: center !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

            .activeblockright .activeeventsrightpartoftoptext h1 {
                position: relative !important;
                padding-top: 0 !important;
                left: 0vw !important;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 4vh !important;
                line-height: 110%;
                width: 75vw !important;
                align-items: inherit !important;
                text-align: center !important;
                color: black !important;
                padding-left: 0vw !important;
                padding-bottom: 3vh !important;
            }

            .activeblockright .activeeventsrightpartoftoptext p {
                position: relative !important;
                padding-top: 0vh !important;
                padding-left: 0vw !important;
                width: 90vw !important;
                font-family: 'Poppins';
                font-style: normal;
                font-weight: bold;
                font-size: 1.7vh !important;
                line-height: 3vh !important;
                font-weight: 500;
                /* or 30px */

                display: flex;
                align-items: center;
                text-align: center;
                color: black !important;
            }

            .activeblockright img {
                position: relative !important;
                right: 0vw !important;
                left: 0vw !important;
                margin-top: 12vh;
                padding-top: 80vh !important;
                height: 40vh !important;
                width: 100vw !important;
                object-fit: cover;
                border-radius: 0px !important;
                padding-top: 30vh !important;
            }

        .activeblockleft {
            width: 100vw;
            height: 100vh;
            position: absolute;
            top: 25vh !important;
            left: 0vw;
            align-content: center !important;
            text-align: center !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        .activeeventsleftpartoftoptext h1 {
            position: relative !important;
            padding-top: 4vh !important;
            left: 0vw !important;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 4vh !important;
            line-height: 110%;
            width: 75vw !important;
            align-items: inherit !important;
            text-align: center !important;
            color: black !important;
            padding-left: 0vw !important;
            padding-bottom: 3vh !important;
        }

        .activeeventsleftpartoftoptext p {
            position: relative !important;
            padding-top: 0vh !important;
            padding-left: 0vw !important;
            left: 0 !important;
            width: 90vw !important;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: bold;
            font-size: 1.7vh !important;
            line-height: 3vh !important;
            font-weight: 500 !important;
            /* or 30px */

            display: flex;
            align-items: center;
            text-align: center;
            color: black !important;
        }

        .activeblockleft img {
            position: relative !important;
            right: 0vw !important;
            left: 0vw !important;
            margin-top: 0vh !important;
            top: 40vh !important;
            height: 40vh !important;
            width: 100vw !important;
            object-fit: cover;
            border-radius: 0px !important;
        }
    }

    .activeheader {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 5vw;
        left: 0;
        text-align: center;
        align-content: center;
    }

    .activemainphoto {
        width: 100vw;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        object-fit: cover;
        z-index: -1
    }

    .activemaintittle {
        z-index: 5;
        width: 100vw;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 6.5vw;
        line-height: 110%;
        padding-top: 17vw;
        color: #FFFFFF;
    }

    .upcomingmaintitle {
        z-index: 5;
        width: 100vw;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 6.5vw;
        line-height: 110%;
        padding-top: 20vw;
        color: #FFFFFF;
    }

    .activedate {
        padding-top: 1vw;
        position: absolute;
        z-index: 5;
        padding-left: 33.5vw;
        color: #6DBCB5;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3vw;
        line-height: 110%;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .activedateprefix {
        color: #EB5A3A;
        padding-right: 0.5vw;
    }

    .activeblockright {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 52vw;
        left: 0vw;
    }

    .activeeventsrightpartoftoptext {
        right: 9vw;
        top: 20vw;
        position: absolute;
        text-align: center;
        align-content: flex-end;
    }

    .activeblockright h1 {
        width: 35vw;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.5vw;
        color: #000000;
    }

    .activeblockright p {
        width: 35vw;
        font-family: 'Poppins';
        font-style: normal;
        font-size: 1.2vw;
        line-height: 150%;
        /* or 30px */

        align-items: center;
        text-align: center;
        color: #000000;
    }

    .activeblockright img {
        position: absolute;
        left: 6vw;
        margin-top: 11vw;
        height: 35vw;
        width: 40vw;
        object-fit: cover;
        border-radius: 10px;
    }

    .activeblockleft {
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 92vw;
        left: 0vw;
    }

    .activeeventsleftpartoftoptext {
        left: 9vw;
        top: 20vw;
        position: absolute;
        text-align: center;
        align-content: flex-end;
    }

    .activeblockleft h1 {
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.5vw;
        line-height: 110%;
        width: 35vw;
        color: #000000;
    }

    .activeblockleft p {
        width: 35vw;
        font-family: 'Poppins';
        font-style: normal;
        font-size: 1.2vw;
        line-height: 150%;
        /* or 30px */

        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .activeblockleft img {
        position: absolute;
        right: 6vw;
        margin-top: 11vw;
        height: 35vw;
        width: 40vw;
        object-fit: cover;
        border-radius: 10px;
    }
    /*Upcoming*/
    .pcactive {
        display: block;
    }

    .mobileactive {
        display: none;
    }

    @media only screen and (max-width: 768px) {
        .pcactive {
            display: none;
        }

        .mobileactive {
            display: block;
        }

        .upcominghead {
            width: 100vw;
            height: 50vw;
            position: absolute;
            top: 5vw;
            text-align: center;
            left: 0;
        }

        .upcomingmainphoto {
            width: 100vw;
            height: 50vw;
            position: absolute;
            top: 0vw;
            left: 0;
            object-fit: cover;
            z-index: -1;
        }



        .upcominghead h1 {
            z-index: 1;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            background-color: none;
            font-size: 6.5vw;
            padding-top: 18vw;
            color: #FFFFFF;
        }

        .upcomingdate {
            padding-top: 2vw;
            position: absolute;
            z-index: 5;
            padding-left: 34.5vw;
            color: #6DBCB5;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 3vw;
            line-height: 110%;
            display: flex;
            align-items: center;
            text-align: center;
        }

        .upcomingdateprefix {
            color: #EB5A3A;
            padding-right: 1vh;
        }

        .upcomingblockleft {
            display: none !important;
        }

        .upcomingblockright {
            display: none !important;
        }
    }

    .upcominghead {
        width: 100vw;
        height: 50vw;
        position: absolute;
        top: 5vw;
        text-align: center;
        left: 0;
    }

    .upcomingmainphoto {
        width: 100vw;
        height: 50vw;
        position: absolute;
        top: 0vw;
        left: 0;
        object-fit: cover;
        z-index: -1;
    }



    .upcominghead h1 {
        z-index: 1;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        background-color: none;
        font-size: 6.5vw;
        padding-top: 18vw;
        color: #FFFFFF;
    }

    .upcomingdate {
        padding-top: 2vw;
        position: absolute;
        z-index: 5;
        padding-left: 34.5vw;
        color: #6DBCB5;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3vw;
        line-height: 110%;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .upcomingdateprefix {
        color: #EB5A3A;
        padding-right: 1vh;
    }

    .upcomingblockleft {
        width: 100vw;
        height: 50vw;
        position: absolute;
        top: 52vw;
        left: 0vw;
    }

    .upcomingblocktop {
        position: absolute;
        padding-top: 18vw;
        left: 10vw;
        width: 45vw;
        height: 45vw;
        text-align: center;
    }

    .upcomingblockleft h1 {
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.5vw;
        width: 35vw;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .upcomingblockleft p {
        width: 30vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: normal;
        font-size: 1.2vw;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .upcomingblockleft img {
        position: absolute;
        right: 8vw;
        margin-top: 8vw;
        height: 40vw;
        width: 35vw;
        object-fit: cover;
        border-radius: 10px;
    }

    .upcomingblockright {
        width: 100vw;
        height: 50vw;
        position: absolute;
        top: 98vw;
        left: 0vw;
    }

    .upcomingblockbottom {
        position: absolute;
        padding-top: 18vw;
        left: 59vw;
        width: 45vw;
        height: 45vw;
        text-align: center;
    }

    .upcomingblockright h1 {
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.5vw;
        line-height: 110%;
        width: 35vw;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .upcomingblockright p {
        right: 15vw;
        width: 30vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: normal;
        font-size: 1.2vw;
        /* or 30px */

        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
    }

    .upcomingblockright img {
        position: absolute;
        left: 8vw;
        margin-top: 8vw;
        height: 40vw;
        width: 35vw;
        object-fit: cover;
        border-radius: 10px;
    }
    /*Donate*/
    .donateleftpart {
        position: absolute;
        width: 50vw;
        left: 0;
        top: 0;
    }

    .donateheader {
        position: absolute;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.8vw;
        color: #FFFFFF;
        padding-top: 10vh;
        padding-left: 3.5vw;
    }

    .donateheadercolorchange {
        color: #EB5A3A
    }

    .donateunderheadertext {
        position: absolute;
        font-family: 'Poppins';
        font-weight: normal;
        font-style: normal;
        font-size: 1.9vw;
        color: #FFFFFF;
        padding-left: 3.5vw;
        padding-top: 24vw;
        width: 47vw;
    }


    .donateimage {
        position: absolute;
        width: 55vw;
        height: 80vh;
        top: 135vh;
        left: -5vw;
        box-shadow: 0px 0px 1vh 1.1vh #454444;
        border-radius: 4px;
        transform: rotate(90deg);
    }


    .donatelowertext {
        position: absolute;
        width: 50vw;
        height: 15vh;
        left: 3.5vw;
        top: 120vh;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 34px;
        line-height: 48px;
        color: #FFFFFF;
    }


    .donaterightpart {
        position: absolute;
        width: 50vw;
        right: -4vw;
        top: 5vw;
    }

    .donateform {
        padding-top: 20vh;
        position: relative;
        width: 39vw;
        height: 54vw;
        background: #D9D9D9;
        box-shadow: 0px 0px 2vh 0.5vh rgba(0, 0, 0, 0.9);
        border-radius: 6vh;
    }

    .donateformheader {
        position: absolute;
        width: 39vw;
        height: 15vh;
        background: #EB5A3A;
        border-top-left-radius: 6vh;
        border-top-right-radius: 6vh;
        top: 0;
    }

        .donateformheader p {
            position: absolute;
            top: 1.5vw;
            left: 2.5vw;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 2.5vw;
            color: #FFFFFF;
        }

    .donateformbody {
    }
    /*Donateform lines*/

    .donatebodychooseamount {
        position: absolute;
        width: 15vw;
        left: 15vw;
        top: 9vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        color: rgba(0, 0, 0, 0.25);
    }

    .donatebodydonationamount {
        position: absolute;
        width: 15vw;
        left: 15vw;
        top: 9vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        color: rgba(0, 0, 0, 0.25);
    }

    .donatebodycontactus {
        position: absolute;
        width: 15vw;
        left: 13.7vw;
        top: 10vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        color: rgba(0, 0, 0, 0.25);
    }

    .donatebodypayment {
        position: absolute;
        width: 18vw;
        left: 11.7vw;
        top: 47vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        color: rgba(0, 0, 0, 0.25);
    }

    .donatebodysumbit {
        position: absolute;
        width: 18vw;
        left: 13.7vw;
        top: 170vh;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        color: rgba(0, 0, 0, 0.25);
    }

    .donateformbodylineleft {
        position: absolute;
        width: 10vw;
        left: 2vw;
        top: 11vw;
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donatepaymentformbodylineleft {
        position: absolute;
        width: 10vw;
        left: 2vw;
        z-index: 200;
        top: 150.8vh;
        transform: translateY(4vh);
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donateformbodyamountleft {
        position: absolute;
        width: 10vw;
        left: 2vw;
        top: 9.8vw;
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donatepaymentformbodylineleft {
        position: absolute;
        width: 8vw;
        left: 2vw;
        top: 55.8vw;
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donateformbodylineright {
        position: absolute;
        width: 10vw;
        right: 2vw;
        top: 11vw;
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donateformbodyamountright {
        position: absolute;
        width: 10vw;
        right: 2vw;
        top: 9.8vw;
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }

    .donatepaymentformbodylineright {
        position: absolute;
        width: 8vw;
        right: 2vw;
        z-index: 200;
        top: 116vh;
        transform: translateY(4vh);
        border: 0.1vh solid rgba(0, 0, 0, 0.25);
    }
    /*Donateform lines*/

    .donateformbodyamountbuttons {
        display: inline-block;
        padding-top: 9vh;
        padding-left: 3vw;
    }

        .donateformbodyamountbuttons button {
            width: 7vw;
            height: 2.8vw;
            border-radius: 2vh;
            color: black;
            background-color: white;
            font-size: 2vh;
            margin-right: 1.2vw;
            border-width: 0px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 1.5vw;
        }

            .donateformbodyamountbuttons button:active {
                background-color: #EB5A3A;
                color: white;
            }

    .donateformbodyamountbuttonss {
        background-color: #EB5A3A;
        color: white;
    }

    .donateformbodyamountfield {
        position: absolute;
        padding-top: 2vw;
        padding-left: 13vw;
    }

    .donateformbodyamount {
        background: #FFFCFC;
        border-width: 0px;
        width: 15vw;
        height: 7.5vh;
        border-bottom-right-radius: 2vh;
        border-top-right-radius: 2vh;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vw;
        margin-bottom: 10vh;
        padding-left: 1vw;
        color: rgba(100, 100, 100, 0.5);
    }

        .donateformbodyamount::placeholder {
            padding-left: 3vw;
            color: rgba(100, 100, 100, 0.5);
        }

    .donateformbodyamountfieldvaluesign {
        background: rgba(235, 90, 58, 0.28);
        border-bottom-left-radius: 2vh;
        border-top-left-radius: 2vh;
        width: 3vw;
        height: 7.5vh;
        position: absolute;
        margin-left: -3vw;
    }

        .donateformbodyamountfieldvaluesign p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 2.3vw;
            padding-left: 2vh;
        }

    .donatepadder {
        padding-bottom: 0vw;
    }

    .donateformonefieldrow {
        box-sizing: border-box;
        position: absolute;
        width: 35vw;
        height: 5.8vh;
        left: 2vw;
        border: 0.2vh solid #000000;
        border-radius: 1.5vh;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 2.5vh;
        color: black;
        padding-left: 1vw;
    }

        .donateformonefieldrow::placeholder {
            color: gray !important;
        }

    .donateformtwofieldsrow {
        display: table-row;
    }

    .donateformtwofieldrowsleft {
        box-sizing: border-box;
        position: absolute;
        width: 16vw;
        height: 5.8vh;
        left: 2vw;
        border: 0.2vh solid #000000;
        border-radius: 1.5vh;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 2.5vh;
        color: black;
        padding-left: 1vw;
    }

        .donateformtwofieldrowsleft::placeholder {
            color: gray !important;
        }

    .donateformtwofieldrowsright {
        box-sizing: border-box;
        position: absolute;
        width: 16vw;
        height: 5.8vh;
        left: 21vw;
        border: 0.2vh solid #000000;
        border-radius: 1.5vh;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 2.5vh;
        color: black;
        padding-left: 1vw;
    }

        .donateformtwofieldrowsright::placeholder {
            color: gray !important;
        }

    .donatesslprotection {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 0.95vw;
        padding-top: 15vh;
        padding-left: 2.6vw;
        z-index: 2;
        color: #454444;
    }

        .donatesslprotection img {
            width: 1.7vw;
            height: 1.7vw;
            z-index: 1;
            padding-right: 0.2vw;
            padding-bottom: 0.6vh;
        }

    .donatecardnumber {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        padding-top: 4vh;
        padding-left: 4.6vw;
        color: #454444;
    }

    .donatecarddateinformation {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        padding-top: 4vh;
        padding-left: 3.6vw;
        color: #454444;
    }

        .donatecarddateinformation p {
            padding-left: 2vh;
        }

    .donatecardnumberfieldbox {
        padding-left: 3.5vw;
    }

    .donatecardcvvinformation {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 2.5vh;
        padding-top: 4vh;
        position: absolute;
        padding-left: 17.6vw;
        color: #454444;
        top: 144.5vh;
    }

    .donatecardcvvfield {
        width: 8vw;
        height: 6vh;
        background: inherit;
        border-radius: 2vh;
        border-color: black;
        border-radius: 2vh;
        padding-left: 1vw;
    }

    .donatecarddatefield {
        width: 12vw;
        height: 6vh;
        background: inherit;
        border-radius: 2vh;
        border-color: black;
        border-radius: 2vh;
        padding-left: 1vw;
        transform: translateY(10vh)
    }

    .donatecardnumberfield {
        width: 16vw;
        height: 6vh;
        background: inherit;
        border-radius: 2vh;
        border-color: black;
        border-width: 0.2vh;
        padding-left: 1vw;
    }

    .donatepaymentpaypall {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
        border-radius: 2vh;
        border-color: black;
        border-width: 0.2vh;
        width: 5vw;
        height: 6vh;
        right: 10vw;
        top: 138.5vh;
    }

    .donatepaymentstripe {
        position: absolute;
        background: #FFFFFF;
        box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.25);
        border-radius: 2vh;
        border-color: black;
        border-width: 0.2vh;
        width: 5vw;
        height: 6vh;
        right: 3vw;
        top: 138.5vh;
    }

    .donateformnamelastname, .donateformstatezip, .donateformnamecontactinfo, .donateformadress, .donateformcity, .donateformcountry, donateformbodyamountbuttons {
        padding-top: 5vw;
    }

    .donateformsumbitbutton {
        padding-top: 20vh;
    }
    /*ApplyForGrant*/
    .grantformuperabouttextmobile {
        display: none;
    }

        @media only screen and (max-width: 768px) {
        .grantleftpart {
            background: white !important;
            display: none !important;
        }

        .grantrightpart {
            position: absolute;
            width: 100vw !important;
            left: 0 !important;
            top: 12vh !important;
        }

        .grantform {
            padding-top: 10vh !important;
            position: relative;
            width: 100vw !important;
            height: 138vh !important;
            background: #D9D9D9;
            box-shadow: none !important;
            border-radius: 3vw;
        }

        .grantmobilebackground {
            width: 100vw;
            height: 150vh;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #D9D9D9;
        }

        .grantformheader {
            position: absolute;
            width: 100vw !important;
            height: 10vh !important;
            background: #EB5A3A;
            border-top-left-radius: 0vw !important;
            border-top-right-radius: 0vw !important;
            top: 0;
        }

            .grantformheader p {
                position: absolute;
                top: 2vh !important;
                left: 4vw !important;
                font-family: 'Dela Gothic One';
                font-style: normal;
                font-weight: 400;
                font-size: 5vh !important;
                color: #FFFFFF;
            }

        .grantformbody {
        }

        .granformbodycontact {
            position: absolute;
            width: 80vw !important;
            left: 17vw !important;
            top: 12.5vh !important;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 3vh !important;
            color: rgba(0, 0, 0, 0.25);
        }

        .granformbodycontactlineleft {
            position: absolute;
            width: 13% !important;
            left: 2vw;
            top: 15.5vh !important;
            border: 0.1vw solid rgba(0, 0, 0, 0.25);
        }

        .granformbodycontactlineright {
            position: absolute;
            width: 13% !important;
            right: 2vw;
            top: 15.5vh !important;
            border: 0.1vw solid rgba(0, 0, 0, 0.25);
        }

        .grantformonefieldrow {
            box-sizing: border-box;
            position: absolute;
            width: 90vw !important;
            height: 7vh !important;
            left: 5vw !important;
            border: 0.1vw solid #000000;
            border-radius: 1.5vh !important;
            background-color: #D9D9D9;
            font-weight: 400;
            font-size: 3vh !important;
            color: black;
            font-family: 'Poppins';
        }

            .grantformonefieldrow::placeholder {
                color: gray !important;
                padding-left: 2vw !important;
                font-family: 'Poppins';
            }

        .grantformwiderow {
            box-sizing: border-box;
            position: absolute;
            width: 90vw !important;
            height: 25vh !important;
            left: 5vw !important;
            bottom: 19vh !important;
            border: 0.1vw solid #000000;
            border-radius: 1.5vh !important;
            background-color: #D9D9D9;
            font-weight: 400;
            font-size: 3vh !important;
            color: black;
            resize: none;
            font-family: 'Poppins';
        }

            .grantformwiderow::placeholder {
                padding-top: 5vw !important;
                padding-left: 5vw !important;
                color: gray !important;
                font-family: 'Poppins';
            }

        .grantformtwofieldsrow {
            display: table-row;
        }

            .grantformtwofieldrowsleft {
                box-sizing: border-box;
                position: absolute;
                width: 40vw !important;
                height: 7vh !important;
                left: 5vw !important;
                border: 0.1vw solid #000000;
                border-radius: 1.5vh !important;
                background-color: #D9D9D9;
                font-weight: 400;
                font-size: 3vh !important;
                color: black;
                font-family: 'Poppins';
                padding-left: 2vw !important;
                color: #A3A3A3!important;
            }

            .grantformfieldrowsleft::placeholder {
                color: gray !important;
                font-family: 'Poppins';
                padding-top: 1vh !important;
                padding-left: 2vw !important;
                transform: translateY(-5vw) !important;
                color: #A3A3A3 !important;
            }

        .grantformuperabouttext {
            display: none;
        }

            .grantformuperabouttextmobile p {
                position: absolute;
                width: 80vw !important;
                color: black !important;
                top: 80vh !important;
                font-family: 'Poppins';
                font-size: 2.5vh !important;
                padding-top: 4vw !important;
                font-weight: 400 !important;
                padding-left: 5vw !important;
                font-family: 'Poppins' !important;
                color: #A3A3A3 !important;
            }

        .grantformtwofieldrowsright {
            box-sizing: border-box;
            position: absolute;
            height: 7vh !important;
            width: 42vw !important;
            left: 52vw !important;
            border: 0.1vw solid #000000;
            border-radius: 1.5vh !important;
            background-color: #D9D9D9;
            font-weight: 400;
            font-size: 3vh !important;
            color: black;
            font-family: 'Poppins';
        }

            .grantformtwofieldrowsright::placeholder {
                color: gray !important;
                font-family: 'Poppins';
                padding-left: 2vw !important;
            }

        .grantformnamelastname, .grantformstatezip, .grantformnamecontactinfo, .grantformadress, .grantformcity, .grantformcountry, .grantformabout {
            padding-top: 12vh !important;
        }

            .grantformsumbitbutton {
                background: #EB5A3A;
                border-radius: 2vh !important;
                width: 80%;
                height: 7%;
                position: absolute;
                bottom: 6vh !important;
                left: 10%;
                transition: opacity 0.5s;
                text-align: center !important
            }

            .grantformsumbitbutton p {
                font-family: 'Poppins';
                font-style: normal;
                font-weight: 400;
                font-size: 5vh !important;
                padding-top: 0.5vh!important;
                padding-left: 0 !important;
                color: #FFFFFF;
            }

            .grantformsumbitbutton:hover {
                opacity: 0.5;
            }
    }

    .grantleftpart {
        position: absolute;
        width: 50vw;
        left: 0;
        top: 0;
    }

    .grantheader {
        position: absolute;
        font-family: 'Dela Gothic One';
        font-style: normal;
        font-weight: 400;
        font-size: 3.6vw;
        color: #FFFFFF;
        padding-top: 5vw;
        padding-left: 3.5vw;
    }

    .grantheaderanottation {
        position: absolute;
        font-family: 'Poppins';
        font-weight: normal;
        font-style: normal;
        font-size: 1.9vw;
        color: #FFFFFF;
        padding-left: 3.5vw;
        padding-top: 22vw;
    }

    .grantheadercolorchange {
        color: #EB5A3A
    }

    .grantimage {
        position: absolute;
        width: 47vw;
        height: 29vw;
        top: 28vw;
        left: 3.5vw;
        box-shadow: 0px 0px 0.8vw 0.8vw #454444;
        border-radius: 4px;
        transform: rotate(180deg);
    }


    .grantlowertext {
        position: absolute;
        width: 45vw;
        height: 10vw;
        left: 3.5vw;
        top: 60vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 2.5vw;
        color: #FFFFFF;
    }


    .grantrightpart {
        position: absolute;
        width: 50vw;
        right: -6vw;
        top: 12vw;
    }

    .grantform {
        padding-top: 10vw;
        position: relative;
        width: 39vw;
        height: 62vw;
        background: #D9D9D9;
        box-shadow: 0px 0px 1vw 0.25vw rgba(0, 0, 0, 0.9);
        border-radius: 3vw;
    }

    .grantformheader {
        position: absolute;
        width: 39vw;
        height: 7.5vw;
        background: #EB5A3A;
        border-top-left-radius: 3vw;
        border-top-right-radius: 3vw;
        top: 0;
    }

        .grantformheader p {
            position: absolute;
            top: 1.7vw;
            left: 2.5vw;
            font-family: 'Dela Gothic One';
            font-style: normal;
            font-weight: 400;
            font-size: 2.5vw;
            color: #FFFFFF;
        }

    .grantformbody {
    }

    .granformbodycontact {
        position: absolute;
        width: 15vw;
        left: 13.7vw;
        top: 10.5vw;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 1.2vw;
        color: rgba(0, 0, 0, 0.25);
    }

    .granformbodycontactlineleft {
        position: absolute;
        width: 10vw;
        left: 2vw;
        top: 11.5vw;
        border: 0.1vw solid rgba(0, 0, 0, 0.25);
    }

    .granformbodycontactlineright {
        position: absolute;
        width: 10vw;
        right: 2vw;
        top: 11.5vw;
        border: 0.1vw solid rgba(0, 0, 0, 0.25);
    }

    .grantformonefieldrow {
        box-sizing: border-box;
        position: absolute;
        width: 35vw;
        height: 2.5vw;
        left: 2vw;
        border: 0.1vw solid #000000;
        border-radius: 0.6vw;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 1.1vw;
        color: black;
        font-family: 'Poppins';
        padding-left: 0.5vw;
    }

        .grantformonefieldrow::placeholder {
            color: gray !important;
            font-family: 'Poppins';
        }

    .grantformwiderow {
        box-sizing: border-box;
        position: absolute;
        width: 35vw;
        height: 7.5vw;
        left: 2vw;
        bottom: 9vw;
        border: 0.1vw solid #000000;
        border-radius: 0.6vw;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 1.1vw;
        color: black;
        resize: none;
        font-family: 'Poppins';
        padding-top: 1vw;
        padding-left: 1vw;
    }

        .grantformwiderow::placeholder {
            color: gray !important;
            font-family: 'Poppins';
        }

    .grantformtwofieldsrow {
        display: table-row;
    }

    .grantformtwofieldrowsleft {
        box-sizing: border-box;
        position: absolute;
        width: 16vw;
        height: 2.5vw;
        left: 2vw;
        border: 0.1vw solid #000000;
        border-radius: 0.6vw;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 1.1vw;
        color: black;
        font-family: 'Poppins';
        padding-left: 0.5vw;
    }

    .grantformfieldrowsleft::placeholder {
        position: absolute;
        color: gray !important;
        font-family: 'Poppins';
    }

    .grantformuperabouttext {
        position: absolute;
        width: 30vw;
        color: black;
        font-family: 'Poppins';
        font-size: 1.2vw;
        top: 41vw;
        font-weight: bold;
        padding-left: 2vw;
        font-family: 'Poppins';
    }

    .grantformtwofieldrowsright {
        box-sizing: border-box;
        position: absolute;
        height: 2.5vw;
        width: 16vw;
        left: 21vw;
        border: 0.1vw solid #000000;
        border-radius: 0.6vw;
        background-color: #D9D9D9;
        font-weight: 400;
        font-size: 1.1vw;
        color: black;
        font-family: 'Poppins';
        padding-left: 0.5vw;
    }

        .grantformtwofieldrowsright::placeholder {
            color: gray !important;
            font-family: 'Poppins';
        }

    .grantformnamelastname, .grantformstatezip, .grantformnamecontactinfo, .grantformadress, .grantformcity, .grantformcountry, .grantformabout {
        padding-top: 4.5vw;
    }

    .grantformsumbitbutton {
        background: #EB5A3A;
        border-radius: 0.7vw;
        width: 80%;
        height: 7%;
        position: absolute;
        bottom: 2.5vw;
        left: 10%;
        transition: opacity 0.5s;
    }

        .grantformsumbitbutton p {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 2.5vw;
            padding-top: 1vh;
            padding-left: 11vw;
            color: #FFFFFF;
        }

        .grantformsumbitbutton:hover {
            opacity: 0.5;
        }

        .grantformsumbitbutton img {
        }


    .sumbitbutton {
    }