@font-face{
     font-family: font1;
     src: url(GreatVibes-Regular.ttf);
    } 
@font-face{
     font-family: font2;
     src: url(BASKVILL.TTF);
}

body{background: black}
div.wndw{ display: block;
  position: fixed;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%; 
}
div.back {  
  display: block;
  position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;  
  z-index: 0;
  background: lightslategray;
}
div.preL {  
  display: none;
  position: absolute;
  top:25%;
  left: 10%;
  width: 45%;
  height: 65%;  
  z-index: 2;
 }
div.topp {  
  display: block;
  position: absolute;
  top:25%;
  left: 10%;
  width: 45%;
  height: 65%;  
  z-index: 5;
  font-family: font2;
  font-size: 2.5vw;
  text-align: center;
  color: gray;
  text-shadow: 1px 1px black;
}
div.picture {  
  display: block;
  position: absolute;
  top:25%;
  left: 10%;
  width: 45%;
  height: 65%;  
  z-index: 1;
  }
div.cover {  
  display: block;
  position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 4;
  opacity: 0;
  background: lightslategray;
}

img.imm{
   position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;   
}
img.imp{
   position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;
z-index: 4;  
}
img.impy{
   position: absolute;
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;
z-index: 3;  
}

iframe.imm{
  top:0%;
  left: 0%;
  width: 100%;
  height: 100%;   
}
 
div.logo{
    position: absolute;
    top:3%;
    left:4%;
    width: 94%;
    font-family: font1;
    font-size: 7vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 5;
}
div.logo2{
    position: absolute;
    top:20%;
    left:2%;
    width: 40%;
    font-family: font2;
    font-size: 2.5vw;
    color: yellow;
    z-index: 5;
}
div.info{
    position: absolute;
    top:25%;
    left:55%;
    width: 40%;
    font-family: font1;
    font-size: 5vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 5;
}
div.PinfoW{
    position: absolute;
    top:10%;
    left:12%;
    width: 76%;
    height: 80%;
    font-family: font1;
    padding-top: 1%;
    font-size: 4vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;
}
div.Pinfo{
    position: absolute;
    top:25%;
    left:64%;
    width: 25%;
    font-family: font1;
    padding: 1%;
    font-size: 2vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;
}
span.big{font-size: 5vw;}
div.menback{
    position: absolute;
    background: black;
   
    top:23%;
    left:62%;
    width: 30%;
    height: 67%;
    opacity: .25;
    z-index: 5;
}
div.menbackW{
    position: absolute;
    background: black;
   top:10%;
    left:10%;
    width: 80%;
    height: 80%;
    opacity: .30;
    z-index: 4;
}
div.menu{
    position: absolute;
    top:92%;
    left:10%;
    width: 83%;
    height: 5%;
    font-family: font1;
    text-align: center;
    font-size: 2.5vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;
}
div.menuBk{
    position: absolute;
    background: black;
    top:92%;
    left:8%;
    width: 85%;
    height: 5%;
    opacity: .3;
    z-index: 5;
}

div.Pmenu{
    position: absolute;
    top:23%;
    left:64%;
    width: 25%;
    font-family: font1;
    padding-top: 1%;
    font-size: 2.5vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;
}

a:link{
    color: white;
    
    text-shadow: 1px 1px purple;
    
}


a:visited{
    color: white;
    
    text-shadow: 1px 1px red;
    
}

div.galery1{
 display: block;
  position: absolute;
  top:2%;
  left: 10%;
  width: 28.66vw;
  height: 43vw;  
  z-index: 2;   
}
div.galery1L{
 display: block;
  position: absolute;
  top:20%;
  left: 2%;
  width: 43vw;
  height: 28.66vw;  
  z-index: 2;   
}
div.galery1y{
 display: block;
  position: absolute;
  top:2%;
  left:10%;
  width: 28.66vw;
  height: 43vw;  
  z-index: 1;   
}
div.galery1yL{
 display: block;
  position: absolute;
  top:20%;
  left:2%;
  width: 43vw;
  height: 28.66vw;  
  z-index: 1;   
}
div.galery1p{
 display: block;
  position: absolute;
  top:20%;
  left: 2%;
  width: 43vw;
  height: 29.42vw; 
  z-index: 3; 
font-family: font2;
  font-size: 2.5vw;
  text-align: center;
  color: gray;
  text-shadow: 1px 1px black;  
}
div.gallery2{
position: absolute;
    top:5%;
    left:50%;
    width: 48%;
    height: 86%;
    z-index: 6;
    overflow-y: auto;
   
}

div.pd1{
position: absolute;
left: 0%;
width: 13.68vw;   
height: 20vw;
z-index:8;
}
div.pd1L{
position: absolute;
left: 0%;
width: 20vw;   
height: 13.68vw;
z-index:8;
}
div.pd2{
position: absolute;
left: 48%;
width: 13.68vw;   
height: 20vw;
z-index:8;
}
div.pd2L{
position: absolute;
left: 48%;
width: 20vw;   
height: 13.68vw;
z-index:8;
}
div.pb1{
position: absolute;
left: 0%;
width: 13.68vw;   
height: 20vw;
z-index:7;
}
div.pb1L{
position: absolute;
left: 0%;
width: 20vw;   
height: 13.68vw;
z-index:7;
}
div.pb2{
position: absolute;
left: 48%;
width: 13.68vw;   
height: 20vw;
z-index:7;
}
div.pb2L{
position: absolute;
left: 48%;
width: 20vw;   
height: 13.68vw;
z-index:7;
}

div.gallery3{
 display: none;
 position: absolute;
    top:2%;
    left:10%;
    border: solid white;
    z-index: 8; 
    
}

div.gallery3b{
 display: none;
 position: absolute;
    top:2%;
    left:10%;
    width: 80vw;
    height: 54.74vw;
    z-index: 7;   
}
div.controlbut{
 display: block;
  position: absolute;
  top:88%;
  left:2%;
  width: 45vw;
  height: 3vw;  
  font-size: 2.5vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;  
}

div.picinfo{
 display: block;
  position: absolute;
  top:75%;
  left:2%;
  width: 45vw;
  height: 3vw;  
  font-size: 2.5vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
    z-index: 6;  
}
div.OVlay{
 display: none;
 position: absolute;
    top:22%;
    left:20%;
    width: 64.03vw;
    height: 36vw;
    z-index: 8; 
    background: lightgrey;
}
span.sml{
 font-size: 1.5vw;
}
span.med{
    font-family: font2;
 font-size: 2vw;
}
 div.picbox{
    position: absolute;
    top:23%;
    left:9%;
    width: 52%;
    height: 67%;
    z-index: 2;
    overflow: hidden;
}
img.imx{
    top:0px;
    height: 100%;
    width: 41%;
}
img.imL{
    top:0px;
    height: 100%;
    width: 92.5%;
}
img.imS{
    top:0px;
    height: 100%;
    width: 5%;
}
div.pctbox1{
   position: absolute;
   display:flex;
    top:0%;
    left:0%;
    height: 100%;
    z-index: 4; 
   
} 
div.pctbox2{
   position: absolute;
   display: flex;
    top:0%;
    left:0%;
    height: 100%;
    z-index: 3;
    
     
} 
div.pictop{
    position: absolute;
    top:23%;
    left:3%;
    width: 58%;
    height: 67%;
    z-index: 6;
    background: lightslategray;
    opacity: 0;
}
textarea, input.inpt3{
    width: 80%;
    left: 10%;
    background-color: lightslategrey;
    font-family: font1;
               font-size: 1.9vw;
               text-align: left;
              color: white;
}

img.imj{
    position: absolute;
    top:10%;
    left:10%;
    width: 80%;
    height: 80%;
}

div.clwdw{
    position: absolute;
    top:92%;
    left:30%;
    width: 40%;
    height: 7;
    font-family: font1;
    font-size: 2vw;
    text-align: center;
    color: white;
    text-shadow: 2px 2px purple;
}

div.fllbk{
     position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .3;
    z-index: 4;
}

div.abvbck{
 position: absolute;
    top:0%;
    left:0%;
    width: 100%;
    height: 100%;
    background: lightslategray;
    z-index: 2;
}
div.abvbck2{
 position: absolute;
    top:10%;
    left:10%;
    width: 80%;
    height: 80%;
    background: lightslategray;
    z-index: 5;
}