* {
  background-color: rgb(10, 10, 10);
}
p, h2, h3, h4, h5 {
  color: white;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 200;
}
h1 {
  color: white;
  font-family: "Josefin Sans", sans-serif;
}
h1 {
  font-size: 96px;
    margin-bottom: 0%;
}
h3 {
  font-size: 40px;
}
h2 {
  font-size: 60px;
  margin-bottom: 5%;
  margin-top: 5%;
  margin-left: 5%;
}
h4 {
  font-size: 55px;
      margin-bottom: 0%;
}
h5 {
    font-size: 25px;
}
img {
  border: 5px;
  border-style: solid;
  border-color: white;
}
p.bio {
  font-size: 24px;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 10%;
}
hr {
  margin-top: 5%;
  margin-bottom: 5%;
}
.img-responsive {
  width: 100%;
}

.name {
  font-size: 100px;
  margin-top: 20%;
}
.slashes {
  line-height: 80px;
  margin-right: 25%;
}
.row {
  display: flex;
}
.row1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.column1 {
  flex: 40%;
}
.column {
  flex: 50%
}
.column2 {
  flex: 50%;
}
 .me {
   width: 90%;
 }
 .mefr {
   width: 90%;
   margin-left: 5%;
 }
 .flex-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-bottom: 5%;
   margin-left: 30%;
   margin-right: 30%;
   background-color: white;
   border-style: solid;
   border-color: black;
   border-width: 5px;
 }
 .formparts {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: 5%;
  margin-top: 10%;
  background-color: white;
 }
 a {
   text-decoration: none;
   font-size: 20px;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 5%;
   color: white;
   font-family: "Josefin Sans", sans-serif;
 }
a:link {
    color: white;
  }
a:visited {
   color: white;
 }
a:hover {
  color: gray;
}
a.active {
  color: gray;
}
a.button {
  color: black;
  text-decoration: none;
  background-color: white;
  padding: 20px;
  font-size: 14px;
}
a.button:hover {
  background-color: gray;
}
a.reelbutton {
  color: black;
  text-decoration: none;
  background-color: white;
  padding: 25px;
  font-size: 24px;
  margin-top: 5%;
}
a.reelbutton:hover {
  background-color: gray;
}
a {
  color: white;
  text-decoration: none;
  font-size: 24px;
}
.topnav {
  padding-bottom: 30px;
  font-size: 50px;
}
a.piclink:hover {
  opacity: 60%;
}
form {
  background-color: white;
}
h3.contactform {
  color: black;
  background-color: white;
}
input, textarea {
  background-color: white;
}


.photogrid {
   text-align: center;
   padding-top: 100px;
   padding-bottom: 100px;
}

.rows {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    justify-content: center;
}

/* Create 3 equal columns that sit next to each other */
.columns {
    flex: 25%;
    max-width: 30%;
    padding: 0 4px;
}

.columns img {
    margin-top: 8px;
    vertical-align: middle;
    width: 90%;
}
.piclink2 {
  width: 70%;
}