@font-face {
    font-family: 'HK Grotesk Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Font/HK Grotesk Regular'), url('Font/HKGrotesk-Regular.woff') format('woff');
}


body {
font-size: 25px;
background-color: black;
margin: 0;
padding: 0;
}
/* cursor: url("IMG/Click.svg"), default */


/* HEADER */
.header {
  font-family: 'HK Grotesk Regular';
  position: fixed;
  top: 0px;
  left: 0px;
  height: 45px;
  height: 45px;
  width: 100%;
  background: black;
  z-index: 2;
}



.space {
  position: relative;
  top: 0px;
  left: 0px;
  height: 40px;
  width: 100%;
  background: black;
  z-index: 1;
}


.line{
  position: fixed;
  top: 45px;
  left: 0px;
  height: 1px;
  width: 100%;
  background: white;
  z-index: 2; 
}

.nopointer{
    pointer-events:none;}

/* FOTORAMA */
.fotorama{
  data-width=200px;
  data-height=200px;
  z-index: 1;
}


/* A */

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

a:hover{
    background-color: #FFFFFF;
    text-decoration: underline;
    color: #000000;
    transition: 0.3s;
}


/* ABOUT */

.column {
  float: left;
  width: 50%;
  padding: 0px;
}

.columnabout {
  float: left;
  margin-left: 9px;
  margin-top: 9px;
  width: 24%;
  padding: 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.headertext {
  margin-top: 9px;
  margin-left: 9px;
  margin-right: 9px;
}

#data-caption{
font-size: 40px;
}

.bio{
  margin-top: 5px;
  margin-right: 0px;
  font-family: 'HK Grotesk Regular';
  font-size:17.2px;
  letter-spacing: -0.0em;
  color:white;
  orphans:2;
}

.bio2{
  margin-top: 6.5px;
  margin-left: 20px;
  font-family: 'HK Grotesk Regular';
  font-size: 15px;
  color:white;
}

.indenttext{
  text-indent: 50px;
}

 .tab{
 	margin-left: 40px;
 }

 p:first-line{
  margin-left: 40px;    
}

img {
    max-width: 100%;
    max-height: 100%;
}

.gallerymobile {
  display: none;
}

.image50prcnt{
  max-width: 50%;
}

/* MOBILE */

@media only screen and (max-width: 1000px) {

body {
    font-size: 50px;
  }

 /* HEADER MOBILE*/
.header {
  height: 80px;
  }

.space {
  height: 80px;
  }

.line{
  top: 80px;
  height: 3px;
}

.footer {
position: fixed;
bottom: 0px;
left: 0px;
height: 40px; 
}

.linefooter{
  height: 3px; 
}

.headertext {
  margin-top: 10px;
  margin-left: 3%;
  margin-right: 3%;
}

 /* ABOUT MOBILE*/    
.bio{
  font-family: 'HK Grotesk Regular';
  font-size: 30px;
  margin-top: 25px;
  margin-left: 3%;
  margin-right: 3%;
}

.bio2{
  font-family: 'HK Grotesk Regular';
  font-size: 15px;
  margin-top: 34px;
  margin-left: 3%;
  margin-right: 3%;
}

.runningtext{
  font-size: 50px;
  width: 90%;
  margin-left: 3%;
  margin-right: 3%;
}

.captiontext{
  margin-top: 15px;
  margin-left: 3%;
  margin-right: 3%;
  margin-bottom: 70px;
}


.content-to-hide {
      display: none;
   }

.flex-grid {
    display: block;
  }

.column {
    width: 100%;
  }

.columnabout {
    width: 100%;
  }
    
.columnaboutlarge {
    width: 100%;
  }


.gallerydesktop {
  display: none;
}

.gallerymobile {
  display: block;
}


}