/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    body {
        font-size: 24px;
    }

    header{
      height:auto;
    }

    h1{
      font-size: 140%;
    }

    .section-title{
      text-align: center;
    }

    .services p{
      text-align: center;
      padding-left: 0;
      padding-right: 0;
    }

    .main-nav {
        margin-top: 20px;
    }
    .main-nav li {
        margin-top: 0;
    }

    .caption{
      font-size: 80%;
      padding-top: 2em;
    }

    .description{
      font-size: 100%;
      padding-top: 10px;
    }

    .profile-pic{
      width: 80%;
      margin-left: 10%;
      padding: 20px;
    }

    .bio-text p{
      text-align: center;
      font-size: 90%;
      padding-left: 5%;
      padding-right: 5%;
    }

}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}