#whyPageHeader
{
  width: 100%;
  height: 800px;
  position: relative;
  z-index: 2;
}

.headerBackground
{
  position: absolute;
  width: 100%;
  height: 800px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 1s ease;
}

#headerBackground1
{
  background-image: url("images/mainSlide-1.jpg");
  opacity: 0;
}
#headerBackground2
{
  background-image: url("images/mainSlide-2.jpg");
  opacity: 0;
}
#headerBackground3
{
  background-image: url("images/mainSlide-3.jpg");
  opacity: 0;
}
#headerBackground4
{
  background-image: url("images/mainSlide-4.jpg");
  opacity: 0;
}
#headerBackground5
{
  background-image: url("images/mainSlide-5.jpg");
  opacity: 0;
}
#headerBackground6
{
  background-image: url("images/mainSlide-6.jpg");
  opacity: 0;
}

#profile h6
{
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}


#profile
{
  position: relative;
  width: 100%;
  background: url(images/peony.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
  background-size: cover;
}

#profileTitle
{
  position: relative;
  left: 25px;
  top: 0px;
  max-width: 1000px;
}

#profilePicture
{
  position: relative;
  width: 30%;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  max-width: 400px;
}

#profileName
{
  position: relative;
  left: 200px;
  max-width: 400px;
}

#profileText
{
  position: relative;
  text-align: justify;
  width: 85%;
  left: 25px;
  padding: 15px;
  background-color: rgba(255,255,255,0.4);
}

.resumePoint
{
  margin: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.shoe
{
  flex-shrink: 1;
}

.shoeAdjustment
{
  margin-right: 20px;
}

.resumePointContent
{
  flex-shrink: 2;
}

.resumePointTitle
{
  font-size: 50px;
}

.indent
{
  margin-left: 30px;
}

#avatar
{
  float: right;
}