@font-face {
            font-family: 'London-Tube';
            src: url('../fnt/London-Tube.ttf') format('truetype');
        }
  @font-face {
            font-family: 'Raleway';
            src: url('../fnt/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
        }
        @font-face {
            font-family: 'Raleway-Italic';
            src: url('../fnt/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
        }
      

.body {
     margin: 0;
  padding: 0;
  height: 100%;
font-family: 'Raleway';
overflow:hidden;

}



a:link { text-decoration: none; color: #FFFFFF;}

a:visited { text-decoration: none; color: #FFFFFF;}

a:hover { text-decoration: none;  font-weight: bold; color: #DDDDDD; }

a:active { text-decoration: none;color: #FFFFFF; }

.p{
    width:80%;
    color:#777777;
}

.h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
.h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
 color:#999999;
}

.h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.li{
    color: #999999;
}


.fltrDrpShdw {
   
    text-shadow: 3px 3px 10px #00000099;
    -webkit-filter: drop-shadow(#00000099 4px 4px 4px) drop-shadow(#00000099 4px 4px 10px);
    filter: drop-shadow(#00000099 4px 4px 4px) drop-shadow(#00000099 4px 4px 10px);
}
.fltrDrpShdw2 {
  
    text-shadow: 3px 3px 10px #000;
    -webkit-filter: drop-shadow(#000 1px 1px 2px);
    filter: drop-shadow(#000 1px 1px 2px);
}
.fltrDrpShdw3 {
    text-shadow: 3px 3px 5px #000;
    -webkit-filter: drop-shadow(#000 4px 4px 6px) drop-shadow(#000 4px 4px 10px);
    filter: drop-shadow(#000 4px 4px 6px) drop-shadow(#000 4px 4px 10px);
}

.content {
    
    text-decoration: none;
    list-style-type: none;
   
    color: #DDDDDD;
    height:100%;
}
.header {
    position: fixed;
top:0px;
left:0px;
    width:100vw;
    height:100px;
    display:block;
    z-index: 100;
    background-color:#00000000;
}


.logo {
position: fixed;
Top:1.5vw;
left:0px;
z-index: 3000;
width:100vw;
margin-left:auto;
margin-right:auto;
   text-align:center;
color:#FFFFFF;
letter-spacing: 1vw;
font-size:3vw;
overflow:visible;

} 
.tagline { 
            position: fixed;
            top:4.5vw;
            left:0px;
        z-index: 3000;
        width:100vw;
margin-left:auto;
margin-right:auto;
         text-align:center;
         letter-spacing: .75vw;
   
    font-size:.8vw;
	overflow:visible;

} 

.nav{
    text-shadow: 3px 3px 4px #000000;
-webkit-filter: drop-shadow(#000000 3px 3px 4px);
filter: drop-shadow(#000000 3px 3px 4px);
    
}
.gallery {
position:relative;
width:100%;
height:100%;
 overflow:hidden;
}

#main-container{
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    overflow:hidden;
      z-index: 0;
      background-image:url('../../assets/img/Background_v001_1920.jpeg');
 background-size: 100% 100%; /* <<< This distorts to fit */
  background-repeat: no-repeat;
  background-position: center center;
    
}
.bioMain {
    position: relative;
    z-index: 0;
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    cursor: pointer;
}
.bio_container {
    position: relative;
    text-align:center;
    z-index: 0;
    width: 100%;
    cursor: pointer;
 
        margin-left: auto;
    margin-right: auto;
}
.text-container {
    width: 60%; 
    color:#DDDDDD;   
    font-family: 'Raleway';  
    letter-spacing: 2px; 
    text-align:justify;
    position: relative;
    z-index: 2222;
         margin-left: auto;
    margin-right: auto;
overflow:hidden;
    text-shadow: 2px 2px 10px #000;
    -webkit-filter: drop-shadow(#000000 3px 3px 3px) drop-shadow(#000000 10px 10px 20px);
    filter: drop-shadow(#000000 3px 3px 3px) drop-shadow(#000000 10px 10px 20px);
}
.pay-container {
    position: relative;
    z-index: 2222;
    width:100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
 
    text-shadow: 2px 2px 10px #000;
    -webkit-filter: drop-shadow(#000000 3px 3px 3px) drop-shadow(#000000 10px 10px 20px);
    filter: drop-shadow(#000000 3px 3px 3px) drop-shadow(#000000 10px 10px 20px);
}
.pressContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* Centers items horizontally */
  align-items: stretch; /* Stretches items to fill the container height */
  max-width: 1200px; /* Adjust as needed */
  margin: 0 auto; /* Centers the container */
}

.image-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #999999;
  margin: 3em; /* Spacing between the items */
  width: calc(30vw - 3vw); /* Sets width to 50% minus margin */
  box-sizing: border-box; /* Includes padding and border in element's width */
}

.image-link img {
  width: 100%; /* Image will scale within the container */
  height: auto;
  display: block;
}

.caption {
  text-align: center;
  margin-top: 8px;
}






.bioTextL {
    width: 40%;
    height: auto;
    
    color: #999999;
    text-align: center;
float:left;
    display: block;
    letter-spacing: 2px;
    overflow: hidden;
        margin-left: auto;

}
.bioTextR {
    width: 40%;
    height: auto;
   
    color: #999999;

    margin-left: auto;
    margin-right: auto;
    text-align: center;
      display: inline-block;

    letter-spacing: 2px;
    overflow: hidden;
    /*-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;column-count:2;
 -webkit-column-width:25%;-moz-column-width:25%;-ms-column-width:25%;column-count:25%; */
}

.imgzoom{
    display:block;
    height:auto;
    width:50%;
    
    -webkit-transition:  transform 1.5swidth 1.5s ease-in-out;
-moz-transition: transform 1.5s width 1.5s ease-in-out;
-ms-transition: transform 1.5s width 1.5s ease-in-out;
    
    
    /*
transform:scale(.1);
-webkit-transform:scale(.1);
-webkit-transition:transform .75s ease-in-out;
-moz-transition:transform .75s ease-in-out;
-ms-transition:transform .75s ease-in-out;
*/
}

.imgzoom:hover{
    
        width:100%;
    
    -webkit-transition: transform 1.5s width 1.5s ease-in-out;
-moz-transition: transform 1.5s width 1.5s ease-in-out;
-ms-transition: transform 1.5s width 1.5s ease-in-out;
    
    
    /*
transform:scale(1.5);
-webkit-transform:scale(1.5);
-webkit-transition:transform .75s ease-in-out;
-moz-transition:transform .75s ease-in-out;
-ms-transition:transform .75s ease-in-out;
*/
}

 .pay-container{
      color:#BBBBBB;width:50%; 
      height:auto; 
      margin-left:auto; 
      margin-right:auto; 
      overflow:auto; 
      border: 1px solid #999;
      border-radius:5px;
      padding:2%
  }

@media screen and (max-width: 769px) {
    
     .pay-container{
      color:#BBBBBB;
      display:block;
      width:90%; 
      height:auto; 
      margin-left:auto; 
      margin-right:auto; 
      overflow-y:auto; 
      border: none;
        padding:0;
  }
    
    .logo {
position: fixed;
Top:4vw;
left:0px;
z-index: 3000;
width:100vw;
margin-left:auto;
margin-right:auto;
   text-align:center;
color:#FFFFFF;
letter-spacing: 1vw;
font-size:6vw;
overflow:visible;

} 
.tagline { 
            position: fixed;
            top:10vw;
            left:0px;
        z-index: 3000;
        width:100vw;
margin-left:auto;
margin-right:auto;
         text-align:center;
         letter-spacing: 1vw;
   
    font-size:1.5vw;
	overflow:visible;

} 
    
    .imgzoom{
    display:block;
    height:auto;
     width:100%;
/*    
transform:scale(1);
-webkit-transform:scale(1);
-webkit-transition:transform .75s ease-in-out;
-moz-transition:transform .75s ease-in-out;
-ms-transition:transform .75s ease-in-out;
*/
}

.text-container {
    color:#999999;
    position: relative;
    z-index: 2222;
    width: 100%;
    top: 0;
    left: 0;
    height: 100vh;
    text-align: justify;

   
}
.bio_container {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
color:#999999;
    cursor: pointer;

        margin-left: auto;
    margin-right: auto;
}

.bioTextL {
    width: 80%;
    display: block;
    overflow: hidden;
       float:none;
    margin-left:auto;
margin-right:auto;
}
.bioTextR {
     width: 80%;

    display: block;
    float:none;
    overflow: hidden;
        margin-left:auto;
margin-right:auto;
}


 .image-link {
    width: calc(90% - 10px); /* Sets width to 90% minus margin */
    margin: 5px auto; /* Increases margin to center the items */
  }
  
}