body {
  margin-top: 90px;
}

#about {
  margin: 50px 0px 0px 0px;
  padding-top: 60px;
}

#contact {
  padding: 0px 0px 30px 0px;
  margin: 0px 0px 80px 0px;
}

#test {
  margin: auto;
}

#emailF {
  margin: 15px 45px 15px 45px;
  padding: 15px 40px 15px 40px;
}

#other {
  padding-top: 15px;
  padding-bottom: 5px;
}

#hero {
  padding-top: 100px;
  background-image: url('src/bg.svg');
}

#porf {
  filter: drop-shadow(8px 8px 10px gray);
  width: 350px;
  height: auto;
  margin: 20px 30px 40px 50px;
}

#timelineImg {
  height: 140px;
  max-width: 100%;
}

@media screen and (min-width: 1250px) {
  #prof {
    filter: drop-shadow(8px 8px 10px gray);
    width: 140px;
    margin: auto;
  }
  #about {
    padding: 0px 400px 0px 400px;
  }
}

@media screen and (min-width: 375px) {
  #timelineImg {
    height: 140px;
    max-width: 100%;
  }
}

.parallax-1 {
  /* The image used */
  background-image: url("src/bg.svg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-2 {
  /* The image used */
  background-image: url("src/World\ Map.svg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}