/*MOBILE-FIRST-GET-REKT*/

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        min-width: 768px;
        background-size: cover;
        background-repeat: repeat-y;
        font-size: 79%;
    }

        #nav a {
          padding: 20% 3% 0 0;
    }

}
@media only screen and (max-width: 767px) {
    body {
        min-width: 300px;
        background-size: cover;
        background-repeat: repeat-y;
        font-size: 70%;
    }
    #nav a {
          padding: 0 1% 0 0;
    }

    .contentBg {
        padding: 5px;
    }
    .hide-on-mobile {
    display: none;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        min-width: 480px;
        background-size: cover;
        background-repeat: repeat-y;
        font-size: 100%;
    }
    #nav a {
        padding: 0 1% 0 0;
    }

    .contentBg {
        padding: 5px;
    }
    .hide-on-mobile {
    display: none;
}

}