@media screen and (max-width: 1680px) and (max-height: 1050px) {
  .typingCarouselh1{
   top: 20em;
   font-size: 30px;
  }
  .container {
    width:100%;
    margin: 0px;
  }
  .parallax{
  min-height: 920px;
  }
  .parallax1{
    min-height: 960px;
  }
}

@media screen and (max-width: 1600px) and (max-height:900px){
  .typingCarouselh1{
   top: 20em;
   font-size: 28px;
  }
  .parallax{
    min-height: 850px;
  }
  .parallax1{
    min-height: 850px;
  }
  .topnav a {
    font-size: 15px;
  }

  .dropdown .dropbtn {
      font-size: 15px;
  }

  p {
    font-size: 14px;
    line-height: 17pt;
  }
  .overviewTable {
  font-size: 15px;
  line-height: 14pt;
  letter-spacing: 3px;
  }
}

@media screen and (max-width: 1440px) and (max-height: 1050px) and (min-height: 901px){
  .topnav a {
    font-size: 15px;
  }
  .dropdown .dropbtn {
    font-size: 15px;
  }
  .parallax{
    background-size: 1440px 1050px;
  }
  .parallax1{
    background-size: 1440px 1050px;
  }
  .typingCarouselh1{
    top:32em;
    font-size: 22px;
  }
}

@media screen and (max-width: 1440px) and (max-height: 900px){
  .typingCarouselh1{
   font-size: 22px;
   top:23em;
  }
  .parallax{
    min-height: 780px;
  }
}

@media screen and (max-width: 1366px) and (max-height:768px){
  .parallax{
    background-size: 100%;
    min-height: 700px;
  }
  .parallax1{
    background-size: 100%;
    min-height: 700px;
  }
  .typingCarouselh1{
   top: 22em;
   font-size: 22px;
  }

  .overviewTable {
  font-size: 10px;
  line-height: 11pt;
  letter-spacing: 1px;
  }

  h1 {
	font-size: 25px;
	line-height: 25pt;
  }

  h2 {
  font-size: 16px;
  line-height: 15pt;
  letter-spacing: 2px;
  }

  h3 {
  font-size:18px;
  }

  p {
  font-size: 10px;
  line-height: 12pt;
  }

  .parallax8 {
  min-height: 700px;
  }
}