﻿/* iPad Landscape Width */
@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1210px) {
    header {
        margin: 0 20px;
    }

    .twoCol,
    .centreText {
        width: 90%;
    }

    .postFooter {
        margin: 5px 20px 0;
    }
}

/* iPad Portrait Width */
@media screen and (max-width: 1024px) {
}

/* Anything up to a new iPad Pro 12.9 in portrait mode (old iPads and all phones) */
@media screen and (max-width: 1023px) {
}

/* iPhone Landscape Width */
@media screen and (max-width: 880px) {
}

@media screen and (max-width: 830px) {

    header,
    footer .postFooter {
        display: block;
    }
    header div,
    footer .postFooter div {
        width: 100%;
    }
    header .content-LHS ul,
    header .content-RHS ul,
    footer .postFooter div ul{
        justify-content: center;
    }
    header .content-RHS ul li:first-child {
        padding-left: 0;
    }
    header div > ul li:last-child {
        padding-right: 0;
    }
    footer .postFooter div ul {
        padding: 5px 0;
    }

    footer .postFooter p {
        text-align: center;
    }

}

@media screen and (max-width: 830px) {

    .businessLogo {
        max-width: unset;
        width: 40%;
        margin: 75px auto;
        padding: 50px 60px;
    }

    header .content-LHS ul {
        display: block;
        margin: 5px auto 0;
    }
    header .content-LHS ul li {
        padding: 5px 0 0;
        text-align: center;
    }

    .twoCol,
    .howToFindUs {
        display: block;
    }
    .twoCol article,
    .howToFindUs article {
        width: 100%;
        margin: 0 auto;
    }
    .twoCol .theImage {
        margin-bottom: 50px;
    }

    .twoCol .theText,
    .twoCol.imageRight .theText {
        text-align: center;
    }
    .twoCol .theText ul,
    .twoCol.imageRight .theText ul {
        list-style-position: inside;
        padding: 0;
        margin: 0 auto 20px;
        width: 80%;
    }

    .howToFindUs .theText {
        width: 90%;
        margin: 0 auto 50px;
    }

    footer .footerDetails {
        margin: 75px auto 50px;
    }


}

/* iPhone Portrait Width */
@media screen and (max-width: 440px) {
}
