@media only screen and (max-width: 1280px) {
    footer {
        width: 85%;
        padding-right: 7.5%;
        padding-left: 7.5%;
    }
}
@media only screen and (max-width:1024px) {
    footer {
        flex-direction: column;
        padding-bottom: 21px;
    }
    footer div:first-of-type {
        margin-right: 0;
    }
    footer div {
        text-align: center;
    }
    .navBar {
        width: 85%;
        padding-right: 7.5%;
        padding-left: 7.5%;
    }
    #teamArticle {
        width: 85%;
    }
    #teamArticleInfo {
        width: calc(85% - 30px);
    }
    #homeWelcome, #homeWSAP, #homeTorch, #docsArticle1, #docsArticle2, #diningArticle, #attractionsArticle, #transportArticle, #policiesArticle, #mapsArticle {
        width: 85%;
        padding-left: 7.5%;
        padding-right: 7.5%;
    }
    #homeWSAP img {
        width: 100%;
        margin: 0;
    }
}
@media only screen and (max-width:950px) {
    #homeTorch {
        flex-direction: column;
    }
    #homeTorch img {
        margin: auto;
    }
    #homeTorch div {
        width: 100%;
    }
}
@media only screen and (max-width:850px) {
    #teamArticle {
        flex-direction: column;
        align-items: center;
    }
    #teamArticle div {
        width: calc(100% - 30px);
    }
    #teamArticle div:first-of-type {
        margin-bottom: 25px;
    }
}
@media only screen and (max-width:720px) {
    .navBar {
        width: 95%;
        padding-right: 2.5%;
        padding-left: 2.5%;
    }
    .navBar li {
        flex-grow: 1;
    }
    .navBar li a, .dropbtn {
        font-size: 10pt;
    }
    .navBarSVG {
        height: 20px;
    }
    .homeNavBreak {
        height: 69px;
    }
    .dropdown-content {
        left: 0;
        top: 69px;
        width: 100%;
    }
    .list li {
        flex-direction: column;
        margin-top: 25px;
    }
    .list li:last-of-type {
        margin-bottom: 25px;
    }
    .list li .listImgBox {
        display: none;
    }
    .listInfoBox {
        width: 100%;
        height: 150px;
    }
    #homeWelcome, #homeWSAP, #homeTorch, #docsArticle1, #docsArticle2, #diningArticle, #attractionsArticle, #transportArticle, #policiesArticle, #mapsArticle {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #mapsArticle {
        height: 500px;
    }
    #homeHeaderImg {
        display: none;
    }
    #homeHeader {
        height: calc(100% - 10px);
    }
    #homeHeaderImgM {
        display: initial;
        height: 100%;
    }
    .transportTable tr th, .transportTable tr td {
        font-size: 10pt;
    }
}
@media only screen and (max-width: 500px) {
    p {
        font-size: 12pt;
    }
    h3 {
        font-size: 12pt;
    }
    h2 {
        font-size: 14pt;
    }
    h1 {
        font-size: 16pt;
    }
    li {
        font-size: 12pt;
    }
    .navBar {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .sort {
        margin-top: 10px;
    }
    .navBarLogo {
        display: none;
    }
    #homeTorch img {
        width: 95%;
        height: auto;
    }
    #mapsArticle {
        height: 300px;
    }
    .listInfoBox h2 {
        margin-bottom: 10px;
    }
    .listInfoBox .listInfoD {
        margin-top: 10px;
    }
}