#whats42nite42{
    margin-top: 75px;
    margin-left: 9%;
    ;
}

#whats42nite42nite{
    width: 100%;
    height: auto;
    background-color: white;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px;
    margin-bottom: 90px;
}

#wlcm42 {
    color: #00eabc;
    font-family: 'SFProDisplay-Light';
    font-size: 40px
}

#whats42nitediv42{
    width: 750px;
    margin-bottom: 30px;
    background-image: url(images/42nitelogo/back2.png);
    background-repeat: no-repeat;
}

#whats42niteimgdiv42{
    width: 400px;
    height: 320px;
    position: relative;
    top: 85px !important;
}



@media only screen and (max-width:800px) {

    #wlcm42 {
        font-size: 32px;
        position: relative;
        top: -15px;
        left: -20px;
        display: flex;
        justify-content: center;
    }



    #whats42nite42{
        margin-top: 50px;
        margin-left: 10px;
    }

    #whats42nite42nite{
        width: 100%;
        height: auto;
        background-color: white;
        gap: 40px;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        display: flex !important;
        flex-wrap: wrap !important;
    }


    #whats42niteimgdiv42{
        width: 100%;
        height: 320px;
        position: relative;
        top: 10px;
        left: -20px;
    }

    #whats42nitediv42{
        width: 100%;
        margin-bottom: 20px;
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
    }


    #txt {
        position: relative;
        top: 0px;
        margin-bottom: 0px;
    }

    #hero-footer {
        margin-top: -10px;
    }
}

@media only screen and (max-width:630px) {
    /* #hero {
        height: 800px !important;
    } */
}

@media only screen and (max-width:500px) {
    /* #hero {
        height: 680px !important;
    } */

    #readtxt {
        display: flex;
        justify-content: center;
        position: relative;
        left: -175px;
    }

    #readmore {
        display: flex;
        justify-content: center;
        position: relative;
        left: -20px;
    }


    #hero-footer {
        margin-top: 0px;
        display:none;
    }

    #whats42nite42{
        margin-top: 50px;
        margin-left: 10px !important;
    }

    #whats42nite42nite{
        width: 94%;
        margin-left: 10px !important;
        height: auto;
        background-color: white;
        gap: 40px;
        flex-direction: column-reverse;
        display: flex !important;
        flex-wrap: wrap !important;
    }


    #whats42niteimgdiv42{
        width: 280px;
        height: 320px;
        position: relative;
        top:-12px !important;
        left: -15px !important;
    }

    #whats42nitediv42{
        width: 100%;
        margin-left: 20px !important;
        margin-bottom: 20px;
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
    }

    #inner {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 130px !important;
        margin-left: 60% !important;
        margin-top: 10%;
    }

    #venuefeed {
        background-image: url('images/praxiv_projects/background3.png');
        background-repeat: no-repeat;
        background-size: 60% !important;
        height: 550px !important;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }

    #venuefeedimg1 {
        width: 50% !important;
        position: relative;
        left: 10%;
        margin-top: -25px !important;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 100% !important;
        position: relative;
        left: -55%;
        top: -58px !important;
    }

    #eventfeed {
        position: relative;
        top: 200px !important;
    }

    #eventfeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 80% !important;
        position: relative;
        top: 20px !important;
        margin-left: -3% !important;
    }

    #eventfeedimg1 {
        width: 50% !important;
        margin-left: -69% !important;
        margin-top: -24% !important;
    }

    #eventfeedimg2 {
        width: 41% !important;
        top: 50px !important;
        position: relative;
        left: 35% !important;

    }
}
@media only screen and (max-width:450px) {
    #venuefeed {
        background-image: url('images/praxiv_projects/background3.png');
        background-repeat: no-repeat;
        background-size: 60% !important;
        height: 430px !important;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 100% !important;
        position: relative;
        left: -56%;
        top: -72px !important;
    }

    #whats42nite42{
        margin-top: 50px;
        margin-left: 10px !important;
    }

    #whats42nite42nite{
        width: 100%;
        height: auto;
        background-color: white;
        gap: 40px;
        flex-direction: column-reverse;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #whats42niteimgdiv42{
        width: 100%;
        height: 250px;
        position: relative;
        top: -10px !important;
        left: -25px;
    }

    #whats42nitediv42{
        width: 90% !important;
        margin-left: -5px !important;
        margin-bottom: 20px;
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
    }

    #readtxt {
        display: flex;
        justify-content: center;
        position: relative;
        left: -155px;
    }

    #readmore {
        display: flex;
        justify-content: center;
        position: relative;
        left: 20px;
    }


}
@media only screen and (max-width:420px) {
    #venuefeed {
        background-image: url('images/praxiv_projects/background3.png');
        background-repeat: no-repeat;
        background-size: 60% !important;
        height: 430px !important;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 100% !important;
        position: relative;
        left: -56%;
        top: -72px !important;
    }

    #whats42nite42{
        margin-top: 50px;
        margin-left: 10px !important;
    }

    #whats42nite42nite{
        width: 100%;
        height: auto;
        background-color: white;
        gap: 40px;
        flex-direction: column-reverse;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #whats42niteimgdiv42{
        width: 100%;
        height: 250px;
        position: relative;
        top: -10px !important;
        left: -25px;
    }

    #whats42nitediv42{
        width: 90% !important;
        margin-left: -10px !important;
        margin-bottom: 20px;
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
    }

    #readtxt {
        display: flex;
        justify-content: center;
        position: relative;
        left: -155px;
    }

    #readmore {
        display: flex;
        justify-content: center;
        position: relative;
        left: 20px;
    }


}

@media only screen and (max-width:372px) {
    #venuefeed {
        background-image: url('images/praxiv_projects/background3.png');
        background-repeat: no-repeat;
        background-size: 60% !important;
        height: 380px !important;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }

    #eventfeedimg2 {
        width: 41% !important;
        top: 77px !important;
        position: relative;
        left: 35% !important;

    }
}

@media only screen and (max-width:360px) {
    
}

@media only screen and (max-width:1500px) {
    #inner {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 70px !important;
        margin-left: 70% !important;
        margin-top: 10%;
    }

    #venuefeedimg1 {
        width: 28%;
        margin-left: -25%;
        margin-top: -55px;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 580px;
        margin-top: 0;
    }

}

@media only screen and (max-width:1380px) {
    #inner {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 70px !important;
        margin-left: 60% !important;
        margin-top: 10%;
    }

    #venuefeedimg1 {
        width: 28%;
        margin-left: -25%;
        margin-top: -55px;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 580px;
        margin-top: 0;
    }

}

@media only screen and (max-width:1100px) {
    #inner {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 130px !important;
        margin-left: 60% !important;
        margin-top: 10%;
    }

    #venuefeedimg1 {
        width: 30% !important;
        margin-left: -25%;
        margin-top: -55px;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 90% !important;
        position: relative;
        left: -55%;
    }

    /* .tx{
    font-size: 29px !important;
}
.tx1{
    font-size: 50px !important;
} */
    #eventfeed {
        position: relative;
        top: 190px !important;
    }

    #eventfeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100% !important;
        margin-top: -10px !important;
        margin-left: 5% !important;
    }

    #eventfeedimg1 {
        width: 300px !important;
        margin-left: -79% !important;
        margin-top: -24% !important;
    }

    #eventfeedimg2 {
        width: 300px !important;
        margin-top: 10% !important;
        position: relative;
        left: 10% !important;
        margin-bottom: -100px !important;

    }

    #project {
        margin-top: 200px !important;
    }
}

@media only screen and (max-width:900px) {
    #eventfeed {
        position: relative;
        top: 50px !important;
    }

    #project {
        margin-top: 60px !important;
    }

    #eventfeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100% !important;
        margin-top: 10% !important;
        margin-left: 5% !important;
    }

    #eventfeedimg1 {
        width: 300px !important;
        margin-left: -75% !important;
        margin-top: -24% !important;
    }

    #eventfeedimg2 {
        width: 300px !important;
        margin-top: 10% !important;
        position: relative;
        left: 25% !important;
        margin-bottom: -100px !important;

    }

}

@media only screen and (max-width:700px) {
    #eventfeed {
        position: relative;
        top: -70px !important;
    }

    #eventfeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 80% !important;
        margin-top: 20% !important;
        margin-left: -3% !important;
    }

    #eventfeedimg1 {
        width: 50% !important;
        margin-left: -69% !important;
        margin-top: -24% !important;
    }

    #eventfeedimg2 {
        width: 41% !important;
        margin-top: 140px !important;
        position: relative;
        left: 35% !important;
        margin-bottom: -100px !important;

    }

    #project {
        margin-top: -50px !important;
    }

}

@media only screen and (max-width:650px) {
    #inner {
        width: 100%;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 130px !important;
        margin-left: 60% !important;
        margin-top: 10%;
    }

    #venuefeed {
        background-image: url('images/praxiv_projects/background3.png');
        background-repeat: no-repeat;
        background-size: 60% !important;
        height: 700px;
        margin-bottom: 0px;
        position: relative;
        float: left;
    }

    #venuefeedimg1 {
        width: 40% !important;
        margin-left: -22% !important;
        margin-top: -35px;
    }

    #venuefeedtxt {
        background-image: url(images/42nitelogo/back2.png);
        background-repeat: no-repeat;
        width: 90% !important;
        position: relative;
        left: -55%;
        top: -30px;
    }

    /* .tx{
    font-size: 29px !important;
}
.tx1{
    font-size: 50px !important;
} */

}

#eventfeed {
    width: 110%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 95px;
    height: auto;
}

#eventfeedimg1 {
    width: 25%;
    position: fixed;
    float: right;
    margin-left: 64%;
}

#eventfeedimg2 {
    width: 25%;
    margin-left: -30%;
    height: 28em;
}


#eventfeedtxt {
    background-image: url(images/42nitelogo/back2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 480px;
    margin-left: -1%;

}

#venuefeed {
    background-image: url('images/praxiv_projects/background3.png');
    background-repeat: no-repeat;
    background-size: 50%;
    height: 700px;
    margin-bottom: 0px;
    position: relative;
    float: left;
}

#inner {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 140px;
    margin-left: 70%;
    margin-top: 10%;
}

#venuefeedimg1 {
    width: 28%;
    margin-left: -25%;
    margin-top: -55px;
}

/* #venuefeedimg2{
    width: 400px;
    height: 28em;
}
*/
#venuefeedtxt {
    background-image: url(images/42nitelogo/back2.png);
    background-repeat: no-repeat;
    width: 500px;
    margin-top: 0;
    background-image: url(images/42nitelogo/back2.png);
}