/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* Styles */
    .headline h1 {
        font-size: 2rem;
    }
    .headline p {
        font-size: 1rem;
    }
    .headline {
        height: 30vh;
        padding-top: 1px;
        padding-left: 1em;
    }
    .homeBtns button {
        font-size: x-large;

        /*width: 85%;*/
        height: 3em;
        margin: 20px auto 20px auto;
    }

}

@media only screen and (max-device-width: 768px){
    .responsive-logo{
        width: 75%;
    }
}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
    .headline h1 {
        font-size: 5rem;
    }
    .headline p {
        font-size: 2rem;
    }
    .headline {
        height: 30vh;
        padding-top: 2em;
        padding-left: 1em;
    }
    .homeBtns button {
        font-size: xx-large;

        /*width: 75vh;*/
        height: 3em;
        margin: 30px 30px 30px 30px;
    }
    .responsive-logo{
        width: 35%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 425px) {
  .icon-bar a {
    padding: 8px;
    font-size: 10px;
  }
  .aboutUs{
    width: 90%;
  }
    .adjustNavItems {
        margin-right: -50px;
        margin-top: 20px;
    }
}

@media only screen and (min-device-width: 405px) {
    .adjustNavItems {
        margin-right: 0px;
        margin-top: 0px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 750px) {
    .adjustNavItems {
        margin-top: 0px;
    }
}


@media only screen and (min-device-width: 751px) and (max-device-width: 1000px) {
    .adjustNavItems {
        margin-right: -50px;
        margin-top: 30px;
    }
}


@media only screen and (min-device-width: 1024px) {
    .adjustNavItems {
        margin-right: 0px;
        margin-top: 0px;
    }
}