h1{
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: bolder;
  font-size: 400%;
  line-height: 115px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  text-align: center;
  padding-top: 50px;
}

h2{
  padding-top: 20px;
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: bolder;
  font-size: 150%;
  line-height: 115px;
  letter-spacing: 0.03em;
  color: #121212;
  text-align: center;
}

h3{
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: bolder;
  font-size: 220%;
  line-height: 60px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  text-align: center;

}


hr{
  margin: 40px auto 30px auto;
  border-style:none;
  border-top-style: solid;
  border-color: #5a5a5a;
  width: 90%;
}


.footer i:hover{
  color: aqua;
}

.footer-home i:hover{
  color: aqua;
}


.about-me{
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-size: 120%;
  line-height: 43px;
  letter-spacing: 0.03em;
  color: #FFFFFF;
  text-align:center;

}

#bio-body{
  margin-top: 150px;
  background-color: #121212;
}

.body{
  background-color: #121212;
}

.Profile-picture{
  width: 380px;
  height: 400px;
  border-radius: 100%;
  margin-top: 60px;

}


.Title-class{
  padding-right: 40px;
  padding-left: 40px;
}

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

.header-image{
  filter: brightness(40%);
  position: absolute;
  z-index: -1;
width: 102%;
height: 550px;
left: 0;
top: 0;
}

.navbar{
  padding: 20px 40px;
}

.nav-item{
  font-family: 'Avenir LT Std' 'Montserrat';
  font-weight: normal;
  margin-right: 15px;
}

.navbar-brand{
  font-family: 'Avenir LT Std' 'Montserrat';
  font-weight: bold;
}

.download-button{
  margin-top: 30px;
  border-radius: 30px;
  background-color: #2B4B68;
  text-align: center;
}

.download-button2{
  margin-top: 30px;
  border-radius: 30px;
  background-color: #2B4B68;
  text-align: right;
}

.download{
  padding-right: 10px;
}

.download-link{
  color: white;
}

.link: hover{
  color: white;
}

.top-container{
  text-align: center;
  padding-top: 20px;
}

.middle-container{
  padding-top: 20px;
  padding-bottom: 40px;
}

.top-container2{
  padding-top: 10px;
  padding-left: 30px;
  text-align: center;
}


.paragraph{
  text-align: center;
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  line-height: 35px;
  letter-spacing: 0.03em;
  color: #c4c4c4;
}

.second-paragraph{
  text-align: center;
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  line-height: 35px;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.about-paragraph{
  text-align: left;
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-size: 140%;
  line-height: 65px;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin-top: 60px;
  margin-right: 40px;
}

.footer-paragraph{
  text-align: right;
  font-family: 'Avenir LT Std' 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 140%;
  line-height: 55px;
  letter-spacing: 0.03em;
  color: #c4c4c4;
  margin-top: 80px;
  margin-right: 40px;
}

.middle{
  font-family: 'Avenir LT Std' 'Montserrat';
  color: #5a5a5a;
  margin-left: 40px;
  text-align: left;
  font-size: 110%;
}

.middle2{
  font-family: 'Avenir LT Std' 'Montserrat';
  color: white;
  margin-left: 40px;
  text-align: left;
  font-size: 130%;
}

.middle1{
  font-family: 'Avenir LT Std' 'Montserrat';
  color: #5a5a5a;
  margin-right: 40px;
  font-size: 110%;
  text-align: right;
}

.middle3{
  font-family: 'Avenir LT Std' 'Montserrat';
  color: white;
  margin-right: 40px;
  font-size: 130%;
  text-align: right;
}

.icon-font{
  color: #c4c4c4;
  padding-left: 10px;
}

.icon-font-home{
  color: #c4c4c4;
  padding-left: 10px;
}

.footer{
  padding-bottom: 70px;
}

.footer-home{
  padding-top: 100px;
  padding-bottom: 70px;
}

.nav-item2{
  padding-left: 25px;
}

.link{
  color: aqua;
}


.wayfit{
  color: #ffffff;
  text-align: left;
  font-size: 210%;
  font-family: 'Avenir LT Std' 'Montserrat';
  margin-top: 70px;
  margin-right: 80px;

}



.Wayfit2{
  color: #ffffff;
  text-align: right;
  font-size: 210%;
  font-family: 'Avenir LT Std' 'Montserrat';
  margin-top: 70px;
  margin-left: 80px;

}

.wayfit-paragraph{
  color: #d7d7d7;
  text-align: left;
  font-family: 'Avenir LT Std' 'Montserrat';
  padding-bottom: 20px;
  font-size: 130%
}

.wayfit-paragraph2{
  color: #d7d7d7;
  text-align: right;
  font-family: 'Avenir LT Std' 'Montserrat';
  padding-bottom: 20px;
  font-size: 130%;
}

.wayfit-paragraph3{
  color: aqua;
  text-align: left;
  font-family: 'Avenir LT Std' 'Montserrat';
  padding-bottom: 70px;
  font-size: 120%;
  text-decoration: underline;
}

.wayfit-paragraph4{
  color: aqua;
  text-align: right;
  font-family: 'Avenir LT Std' 'Montserrat';
  padding-bottom: 70px;
  font-size: 120%;
  text-decoration: underline;
}







@media (max-width: 900px) {
  body{
    text-align: center;
  }

  .header-image{
    position: absolute;
    z-index: -1;
  width: 110%;
  height: 550px;
  left: 0;
  top: 0;
  }

  .profile-picture{
    text-align: center;
  }

  .about-paragraph{
    text-align: center;
  }

  .download-button2{
    text-align: center;
  }

  .middle{
    margin-left: auto;
    text-align: center;
  }

  .middle1{
    text-align: center;
  }

  .middle3{
    text-align: center;
  }

  .middle2{
    margin-left: auto;
    text-align: center;
  }

  .wayfit{
    text-align: center;
    margin-left: 100px;
  }

  .wayfit-paragraph{
    text-align: center;
    margin-left: 20px;
  }

  .wayfit-paragraph2{
    text-align: center;
    margin-left: 20px;
  }
  .Wayfit2{
  text-align: center;
  margin-left: 20px;
  }

  .footer-paragraph{
    text-align: center;
    padding-left: 20px;
  }


  .wayfit-paragraph3{
    text-align: center;
  }

.wayfit-paragraph4{
  text-align: center;
}

}



 @media (min-width: 902px) and (max-width: 990px){
   body{
     text-align: center;
   }

   .header-image{
     position: absolute;
     z-index: -1;
   width: 110%;
   height: 0px;
   left: 0;
   top: 0;
   }
   .profile-picture{
     text-align: center;
   }

   .about-paragraph{
     text-align: center;
   }

   .download-button2{
     text-align: center;
   }

   .middle{
     margin-left: auto;
     text-align: center;
   }

   .middle1{
     text-align: center;
   }

   .middle3{
     text-align: center;
   }

   .middle2{
     margin-left: auto;
     text-align: center;
   }

   .wayfit{
     text-align: center;
     margin-left: 100px;
   }

   .wayfit-paragraph{
     text-align: center;
     margin-left: 20px;
   }

   .wayfit-paragraph2{
     text-align: center;
     margin-left: 20px;
   }
   .Wayfit2{
   text-align: center;
   margin-left: 20px;
   }

   .footer-paragraph{
     text-align: center;
     padding-left: 20px;
   }


   .wayfit-paragraph3{
     text-align: center;
   }

 .wayfit-paragraph4{
   text-align: center;
 }

 .footer-home{
   text-align: center;
 }
        }





.case-study{
  text-align: center;
  padding-top: 0px;
}

.case-study1{
  text-align: center;
  padding-left: 40px;
  max-width: 80%;
  height: auto;
  padding-top: 40px;
}

.case-study2{
  text-align: right;
  max-width: 80%;
  height: auto;
  padding-top: 40px;
}

.body-case{
  background-color: #121212;
}

.case-study-img{
  text-align: center;
}

.case-img{
  text-align: center;
  max-width: 70%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 10px;
}

.case-img1{
  text-align: center;
  max-width: 70%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 10px;
}