.menu{
    padding: min(2vw,2vh) !important;
}
.logo{
    
    display: block;
    margin:0; 
    font-weight: normal;
    /*font-size: 2vw;*/
    font-size: min(3vw,4vh) !important;
}

.reelVideoSelection {
    aspect-ratio: 2 / 1;
    overflow: hidden;
    background-color: black;
    position: relative;
    display:grid;
    padding:0;
    justify-items: center;
    /*align-content: center;*/
    border-style:none;
    cursor:pointer;
    color:black;
    font-size: min(0.7em,2vh);
    width: fit-content;
    
    max-width: 49%;
    box-sizing:border-box;
}

#shortDescription, .locked
{
    background-color:transparent;
}
#shortDescription
{
    text-align: center; 
    padding:min(.7vw,.7vh); 
    font-size:0.7em;
    font-size: min(0.7vw,1.5vh) !important;
    
}


@media (max-width: 800px){
    #hideAddressBarextender{
     height:100vh;   
    }
}
@media (orientation: landscape) and (max-width: 800px){
    #VideoOrientationDiv, 
    #VideoOrientationDiv  *  /*to set the max height on the video and all of vimeos chrildren elements and grandchrildre and great gr...*/
    {
        max-height:100vh !important;
        border-style solid;
        background-color: black;
    }

    .reelVideoSelection {
        max-width: 49% !important;
        font-size: min(2vw, 3vh) !important;
    }
    body, body *
    {
        /*background-color: black;*/
    }
    
}

#VideoOrientationDiv, 
#VideoOrientationDiv  */*to set the max height on the video and all of vimeos chrildren elements and grandchrildre and great gr...*/
{
    max-height:90vh;
    border-style solid;
    background-color:transparent;
}
.reelVideoList
{
    display:flex; 
    box-sizing:border-box;
    flex-wrap: wrap;
    /*grid-template-columns: repeat(3,1fr);*/
    /*grid-template-columns: repeat(auto-fill, max(10%,36vh));*/

    /*grid-auto-columns: auto;*/
    grid-gap: min(1.5vw,1.5vh);
    padding:0;
    margin:0;
    justify-content: space-between;
    justify-items: center;
    width:100%;
}


@media (orientation: portrait) and (max-width: 800px){
    #VideoOrientationDiv, 
    #VideoOrientationDiv  */*to set the max height on the video and all of vimeos chrildren elements and grandchrildre and great gr...*/
    {
        max-width:100vh !important;
        border-style solid;
        /*background-color: white;*/
    }

    .reelVideoSelection
    {
        max-width: 99% !important;
        font-size: min(2vw,3vh) !important;
    }
    .reelVideoList
    {
        width:95%;
        margin:auto;
    }

    #shortDescription
    {
        text-align: center; 
        padding:min(.7vw,.7vh); 
        font-size: min(1.5vw,3vh) !important;
        
    }
}



#reelContainer > .reelVideoSelection:first-child > img  
{
    box-sizing:border-box;
    filter: brightness(80%);
    background-color:black;
    /*border-style: solid;
    border-color: bbb;
    opacity: 0.5;*/
    
}

#reelContainer > .reelVideoSelection:first-child:hover 
{ 
    transform: scale(1); 
}
.reelVideoSelection > .overlayScreen 
{
    display:none;
}

/*#reelContainer > .reelVideoSelection:first-child > .overlayScreen 
{
    box-sizing:border-box;
    position: absolute;
    display:inline;
    padding:.7vw;
    font-size: .7vw;
    text-align:left;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(256,256,256, .4)
}*/

p
{
    padding:0;
    margin:0;
}

videoContainer
{
    min-height:50vh;
}

.reelVideoThumbnail
{
    width:100%;
}