body {
    background-color: rgb(230, 230, 230);
 
   
    color: rgb(40, 40, 40);
    
/*     font-family: Calibri;
 */    max-width: 100vw;
   max-height:1280px;
   min-height: 100vh;
   /*  text-align: left; */
 align-items: center;
    font-size:.8em;
 font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
 /*    margin-right: auto;
    margin-left:auto; */
}
 
.download {
    width: 150px;
    height: 79px;
z-index: 2000;
    position:absolute;
left: 18px;
top: 70px; 
}


.pdf {
    width: 37vw;
    height: 900px 
}

#download {

width:29px;
background-color: grey;

}

.medialine {

    font-style: italic;
}

#onoffaudio{
padding-top: 7px;
padding-right: 3px;
    width: 30px;
    height: 30px;
}

#jvVideo {
    position: fixed;
    right: 0;
    bottom: 0;
   /*  top:60px; */
    max-width: 100vw;
    /* min-height: 100vh; */
    width:100%;
    opacity: 100%;
    transform:none;
    object-fit: cover;
    z-index: -1;
    display: block;
  }


#jvBkgd {
    position: fixed;
    right: 0;
    bottom: 0;
   /*  top:60px; */
    max-width: 100vw;
    min-height: 100vh;
    width:100%;
    opacity: 25%;
    object-fit: cover;
    z-index: -1;
  }


a {
    text-decoration: none;
    color:black;
   
}

a:link {
    color: black;
}

a:visited {
    color: black;

}

a:hover {
    color: black;
}

a:active {
    color: black;
    
   
}

h1 {

    font-size: 1.6em;
    
}

h2 {

    font-size: 1.3em;
   text-align:justify;
}

h3 {

    font-size: 1.1em;
    text-align:justify;
}

h4 {

    font-size: 1.05em;
}

#hbmenu {
    display: none;
}

p {
    font-size: 1em;
    text-align:justify;
}


#jvop {
   
   margin-top: 5px;
    width: 200px;
 
}


#menu {


width:15vw;

display: block;
margin-left: 5px;
float: left;
z-index: 100;
position: fixed;

}

#menucontainer {
   
display: block;
 /*    padding-left: 20px;
    padding-right: 20px;
  background-color: rgb(41, 41, 41);
  
    box-shadow: 3px 3px 5px #2e2e2e88;
    margin-right: 20px;
    padding-bottom: 5px;
    padding-top: 10px;
    z-index: 1000;
    max-width: 180px;
    position:absolute; */
}

/* MENU COLOURS */

.menucol {

    color:rgb(202, 162, 162);
}


.menucolbar {
background-color: rgb(96, 95, 95);
padding-left: 2px;
top: 5px;
border-radius: 4px;
}

.dropdownbkg {
   
 /*   max-width: 200px;
   max-height: 400px;  */
   padding-bottom: 5px;
    padding-top: 5px;
background-color: rgb(69, 69, 69);
}


#indexbutton  {

position: absolute;

left: 5px;
    width: 200px;
    height: 45px;
    z-index: 1000;
}

#aboutbutton  {

position: absolute;


left: 205px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#shortfilmbutton  {

position: absolute;


left: 405px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#natureseriesbutton  {

position: absolute;


left: 605px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#photographybutton  {

position: absolute;


left: 805px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#exhibitionbutton  {

position: absolute;


left: 1005px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#paintingvidbutton  {

position: absolute;


left: 1205px;
height: 45px;
    width: 200px;
    z-index: 1000;
}

#nowplaying  {

position: absolute;


left: 1405px;
height: 125px;
    width: 300px;
    padding-left:5px ;
    z-index: 1000;
}



#jvVideo {
  /*   position: fixed;
    right: 0;
    bottom: 0; */
   /*  top:60px; */
    /* max-width: 100vw; */
    /* min-height: 100vh; */
  /*   width:100%;
    opacity: 100%; */
    overflow: hidden;


height: 100vh;

    z-index: -1;
    display: block;
  }
  

  .photocell {

    float:left;
   padding-left:7.5px;
    padding-right:7.5px;
padding-bottom: 30px;
margin-left:5px ;
width: 46vw; 
/* max-width: 750px; */ 


   

  }


  .photocell img {

    object-fit: cover;
  }

 .cloud9page {

    background-color: rgba(0, 0, 0, 0.8);
    color: aliceblue;
    margin: 5px;
}

.videoi2 {
    width: 100%;
    height: 100%;
    max-width: 700px;
}

#videoi3 {
  width: 100%;
    height: 100%;
  min-height: 350px;
}

.clear {
    clear:both;
}



#main {



width: 95vw;
min-height: 60vh;
/* background-color: rgba(44, 44, 44, 0.75);
border-radius: 10px;
box-shadow: 3px 3px 5px #94949488; */
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 20px;
overflow:hidden;


}

#main2 {



width: 95vw;
min-height: 60vh;
/* height: 100vh; */
/* background-color: rgba(255, 255, 255, .75); */
border-radius: 10px;
/* box-shadow: 3px 3px 5px #94949488; */
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 20px;
/* background-image: url('images/indexpage/1002347.jpg'); */
/* overflow:hidden; */


}




.hidden {
    display: none;
}



/* MENU OPTIONS */

#sfoption1 {
    display: none;
        text-indent: 4%;
    
    }
    #photooption{
        display: none;
            text-indent: 4%;
        }
        #natureoption {
            display: none;
                text-indent: 4%;
            }
            #videooption4 {
                display: none;
                    text-indent: 4%;
                }
                #oiloption {
                    display: none;
                        text-indent: 4%;
                }

                #photooption {
                    display: none;
                        text-indent: 4%;
                }


                #digioption {
                    display: none;
                        text-indent: 4%;
                }

                  #recentoption {
                    display: none;
                        text-indent: 4%;
                }
                       #aboutoption1 {
                    display: none;
                        text-indent: 4%;
                }
                         #otheroption2 {
                    display: none;
                        text-indent: 4%;
                }
                         #otheroption3 {
                    display: none;
                        text-indent: 4%;
                }
                    #exhibitoption {
                       display: none;
                        text-indent: 4%; 
                    } 

                     #exhibitoption2 {
                       display: none;
                        text-indent: 4%; 
                    } 

       .hoverclass { cursor: pointer; }



/* CV */

.titlesubheadings {

    text-align: left;
  
}

.cvtable {

    text-align: left;
}


th {

    min-width: 55px;
}
/* Video */




.videoi {
width: 37vw;
    /* max-width: 750px; */
}

img  {
width: 37vw;
   /*  max-width: 750px; */
    overflow: clip;
}




.linkshow {
color: rgb(60, 60, 226) !important;
 text-decoration: underline;
}

.linkshowg {
color: green !important;
 text-decoration: underline;
}

.greydout {

    color: rgb(235, 234, 234) !important;
}

#hbmenu {
    display: none;

}

#hbmenu img {
   width: 40px;
   
}
/* Media Change  */


       @media (max-width: 1270px) {
       
       
        body {    
            min-height: 600px;
       
           
        
        }


        .pdf {
    width: 80vw; 
}





         .photocell {
            width: 100vw;
         
           margin-left: auto;
           margin-right: auto;
           
          
         }

         

   .photocell p {
            width: 75vw;
        
            word-wrap:normal;
            
         }
 .photocell h1 {
            width: 75vw;
        
            word-wrap: break-word;
         }
 .photocell h2 {
            width: 75vw;
        
            word-wrap: break-word;
         }
 .photocell h3 {
            width: 75vw;
        
            word-wrap: break-word;
         }



        #main {

 
            /* background-color: blue; */
            
            width:80vw;
           min-height: 50vh;
            
            margin-left: auto;
          margin-right:auto;
    vertical-align: middle;
            padding-top:55px;
            }

             #main2 {

 
            /* background-color: blue; */
            
            width:80vw;
           min-height: 50vh;
            
            margin-left: auto;
          margin-right:auto;
    vertical-align: middle;
            padding-top:55px;
   
            }
    
    
        #menucontainer {
            /* background-color: rgb(151, 151, 151); */
             display: none;
            margin-left: 5px;
            margin-right:auto;
            height: 90vh;
            max-width: 400px;
            margin-top: 60px;

   overflow-x: hidden;
        }

        #indexbutton  {
position: absolute;
top: 5px;
left: 5px;
    width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;
}

#aboutbutton  {
position: static;
display: flex;

left: 5px;
    width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;
}




#shortfilmbutton  {
position: static;
display: flex;

left: 5px;
    width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;
}

#natureseriesbutton  {
position: static;
display: flex;


left: 5px;
   width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;
}

#photographybutton  {
position: static;
display: flex;
left: 5px;
   width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;

}

#exhibitionbutton  {
position: static;
display: flex;


left: 5px;
    width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;

}

#paintingvidbutton  {
position: static;
display: flex;


left: 5px;
    width:300px;
    height: 45px;
    z-index: 1000;
padding-left: 5px;
}


#nowplaying  {

position: static;
display: flex;


left: 5px;
height: 45px;
    width: 300px;
    z-index: 1000;
}



#aboutoption1 {
    width:300px;
    height:200px;
   border-style: solid;
    
    z-index: 3000;
}
#sfoption1 {
    width:300px;
    height:200px;
   border-style: solid;

    z-index: 3000;
}

#natureoption {
   width:300px;
    height:450px;
   border-style: solid;
 
    z-index: 3000;
}

#photooption {
   width:300px;
    height:200px;
   border-style: solid;

    z-index: 3000;
}

#exhibitoption {
   width:300px;
    height:200px;
   border-style: solid;

    z-index: 3000;
}

#oiloption {
    width:300px;
    height:300px;
   border-style: solid;
  
    z-index: 3000;
}





        #jvop {
            width: 250px;
            margin-top: 2px;
       margin-left: 20px;

        }

    #hbmenu {
        display: block;
        margin-left: 5px;
        width:50px;
        position: fixed;
        z-index: 10000;
    }


    .videoi {

        width: 80vw;
    }
    img  {

        width:  80vw;
    }
    
    #menu
 {
display: none;
/*     background-color: white;
 */       width: 100%;
       max-width: 300px;
        position:fixed;
     
    }


   
    }