.globalContainer{
    display: flex;
    align-items: center;
}

section:first-child{
    margin-left : 20vw;
}
section:last-child{
    margin-right: 10vw;
}

.videoSec, .galerySec, .multiSec {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 75vh;
    padding : 0 2rem;
}

.multicontainer{
    display: flex;
    flex-direction: row;
}

.multicontainer .vidContainer, .multicontainer .imgContainer{
    padding-right : 1em;
}

.galerySec{
    max-width: 50vw;
}   

.projTitle{
    display: flex;
    justify-content: space-between;
    align-items: end;
    width : 100%;
    padding-bottom: 0.5rem;
    align-self: start;
    min-height: 10vh;
}

.aloneInf{
    flex-direction: row-reverse;
}

.projFirstInfo{
    display: flex;
    flex-direction: column;
    align-items: end;
}

h4{
    font-size : 1.4rem;
}

h5{
    font-family: Millimetre;
    font-weight: 800;
    font-size : 0.8rem;
}

.projType{
    font-family: Dulya;
    text-align: right;
}

.projDate{
    font-family: Millimetre;
    font-weight : 600;
    font-size: 0.8rem;
}
.projDetail{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 0.5rem;
    font-size : 0.8rem;
}

.detailText{
    font-family: Millimetre;
    font-weight: 400;
    width: 50%;
}

.projDetText {
    font-family: Dulya;
    font-size: 1rem;
}

.clickOnMe{
    position : absolute;
    transform : translate(-50%,-50%);
    top : 25%;
    right:0;
}

.disapear{
    display: none;
}

.clickOnMeImg{
    width: 120px;
}

.clickText{
    transform : translate(-50%,-50%);
    position: absolute;
    width: 100px;
    top : 50%;
    left: 50%;
    text-align: center;
}

.imgContainer{
    width: 70vh;
    min-height: 60vh;
    padding-left: 1.5rem;
    position: relative;   
}

.gallery{
    max-width: 60vh;
    max-height: 50vh;
    filter: drop-shadow(7px 7px 7px rgba(104, 104, 104,0.7)) drop-shadow(-7px -7px 7px rgba(104, 104, 104,0.7));
    position: absolute;
}   

.imgSpeCont{
    min-height: 60vh;
    padding: 0 1.5rem;
    position: relative; 
    display: flex;
    align-items: center;
}

.gallerySpe{
    box-sizing: border-box;
    max-width: 70vw;
    object-fit: contain;
}

.galSolo{
    position: relative;
}

.beforegallery{
    visibility: hidden;
}

.vidContainer{
    height: 60vh;
}

.projLink{
    text-align: right;
    max-width: 50%;
    font-size: 0.8rem;
}

.SpecialMultiVid{
    margin-right: 1.5vw;
}

.playeralt{
    position: relative;
}

.playVidNoPlayer{
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    height: 10vh;
    width: 10vh;
}

.vidNoPlay{
    max-width:100%;
    max-height:100%;
}

.WarningDiv{
    position: absolute;
    top: 30%;
    left: 30%;
    display: flex;
    width: 50%;
    height: 50%;
    z-index: 90;
    background-color: var(--orange);
    align-items: center;
}

.warningImg{
    max-height : 25% ;
}

.warningtext{
    text-align: center;
}

.warningDisapear{
    display: none;
}
@media (orientation:portrait){
        .globalContainer{
        flex-direction: column;
    }

    .videoSec, .galerySec, .multiSec {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: min-content;
        width: 100vw;
        padding: 0 5vw;
        margin:2vh 0;
    }

    .multicontainer{
        flex-direction: column;
        align-items: center;
    }

    .galerySec{
        max-width: unset;
    }

    section:first-child{
        margin : 0;
        margin-top: 15vh;
    }
    section:last-child{
        margin : 0;
        margin-bottom: 5vh;
    }

    .imgContainer{
        width: 80vw;
        height: 50vh;
        min-height: auto;
        padding-left: 0;
        padding-top: 10%;
    }
    .gallery{
        max-width: 80vw;
        max-height: 80vw;
    }

    .vidContainer{
        height: fit-content;
    }
    .SpecialMultiVid{
        padding-bottom: 3vh;
    }

    h4{
        font-size: 0.9rem;
    }
    h5{
        font-size: 0.7rem;
    }
    .projTitle{
        align-items: center;
        min-height: auto;
    }

    .projType, .projDate{
        font-size: 0.6rem;
        text-align: right;
    }

    .detailText, .projLink{
        font-size: 0.7rem;
        width: unset;
        min-width: 20%;
        padding: 0.5rem;
        box-sizing: border-box;
    }

    .projDetText{
        font-size : 1rem;
    }

    .imgSpeCont{
        min-height: 15vh;
    }

    .multicontainer .vidContainer, .multicontainer .imgContainer{
        padding-right : 0;
    }

    .galSolo{
        padding: 3vh 0;
    }

    
}