body {
  margin: 0;
  padding: 0;
}

.container-fluid {
  width: 99%;
  height: 99%;
  min-height: 99%;
  max-height: 99%;
  margin: 0 auto;
  padding: 0;
}

p {
  font-size: 12px;
  color: black;
  font-family: 'Comfortaa', cursive;
}

.namelinks {
  color: white;
}

a:hover {
  text-decoration: none;
  /*color: lightgray;*/
}

.toplinks {
  color: white;
}

p.toplinks:hover {
  color: lightgray;
}

h4.hovercolor:hover {
  color: darkslategray;
}

h5.contacthover:hover {
  color: white;
}

.divwidth {
  width: 125px;
  text-align: center;
  margin: 0 auto;
}

h3, h4, h5 {
  color: black;
  font-family: 'Comfortaa', cursive;
}

.img1 {
  z-index: -1000;
  /*position: absolute;*/
  position: fixed;
  /*max-height: 100%;*/
  height: 100%;
  width: 100vw;
}

.sectionheader {
  color: black;
}

.line {
  border-top: 2px solid black;
}

.spacediv {
  padding-bottom: 50px;
}

.spacediv1 {
  padding-bottom: 450px;
}

.emptyspacediv {
  padding-bottom: 300px;
}

.portfoliodiv{
  background-color: mintcream;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.spacediv2 {
  padding-bottom: 80px;
}

.logo {
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  width: 15em
}

.word1 {
  float: left;
  position: relative;
  padding-right: 15px;
}

.word2, .word3 {
  float: left;
  position: relative;
  padding-right: 15px;
}

.logo2 {
  border: 2px solid black;
  text-align: center;
  width: 250px;
}

.logo3 {
  border: 2px solid black;
  text-align: center;
  width: 125px;
}

.logo4 {
    border: 2px solid black;
    text-align: center;
    width: 200px;
}

.mystory {
  background-color: mintcream;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.mystorysummary {
  font-size: 14px;
  font-style: italic;
}

.mystorytext {
  font-size: 13px;
}

.logo5 {
  border: 2px solid black;
  text-align: center;
  width: 300px;
}

.bottomdiv {
  background-color: mintcream;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

@media (max-width: 600px) {
  .screensize {
    font-size: 8px;
  }

  .spacediv1 {
    padding-bottom: 270px;
  }

  .spacediv {
    padding-bottom: 40px;
  }

}

@media (max-height: 600px) {
  .screensize {
    font-size: 8px;
  }

  .spacediv1 {
    padding-bottom: 350px;
  }

  .spacediv {
    padding-bottom: 5px;
  }

  .mobilecolor {
    color: black;
  }

}