@media (min-width:320px) and (max-width:760px){

    h2 {
        font-size: 6.4em;
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .burger-nav{
        display: block;
        height: 40px;
        width: 100%;
        background: url(../images/burger-nav.png) no-repeat 50% center;
        cursor: pointer;
    }

    header nav ul{
        overflow: hidden;
        background-color: #B61431;
        height: 0;
    }

    header nav ul.open{
        height: auto;
    }

    header nav ul li{
        float: none; 
        text-align: left;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid black;
        padding: 10px;
    }

    header nav ul li span{
        display: none;
    }

    .navigationCenter {
        margin: 0;
    }


    .headerCenter {
        width: 95%;
    }

    .headerContactInformation {
        float: left;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .headerContactInformation p {
        font-size: 2.3em;
    }

    .headerLogo img {
        width: 100%;
    }

    .slideshowContainer{
        display: none;
    }

    .aboutUsCenter {
        width: 90%;
        margin: 0 auto;
    }

    .specialiseCenter {
        width: 95%;
        margin: 0 auto;
    }

    .specialityBlocks {
        width: 95%;
        float: left;
        margin-right: 0;
        margin-bottom: 35px;
    }

    .newBuildsBlock {
        width: 100%;
    }

    .newBuildsText {
        width: auto;
    }

        .newBuildsText h3{
            font-size: 7.9em;
        }
    
    

    .testimonialsCenter {
        width: 95%;
        margin: 0 auto;
    }

    .buildingFutureCenter {
        width: 95%;
        margin: 0 auto;
    }

    .buildingFutureContent h3 {
        font-size: 6em;
        margin-top: 50px;
    }

    .buildingFutureSmallText {
        width: 100%;
    }

    .footerCenter {
        width: 95%;
        margin: 0 auto;
    }


    .contactform {
        width: 95%;
        margin-bottom: 10px;
    }

    .contactformlarge {
        width: 95%;
    }

    #submitButton {
        width: 95%;
    }

    .copyrightCenter {
        width: 95%;
        float: right;
        margin-right: 0;
    }

    .mainFooterLogos{
        float: none;
    }

    .footerContent h2 {
        color: #ffffff;
        font-size: 5em;
        margin-top: 40px;
    }

    .footerLogo {
        float: none;
    }

    .footerLogo img {
        width: 95%;
    }

    .associationsImages img {
        width: 50%;
    }


    .footerContactInformation {
        width: auto;
    }

    .footerAddress {
        width: auto;
    }

        .footerAddress p{
            float: left;
            clear: both;
        }

    .interiorCenter {
        width: 95%;
    }

    .projectCenter {
        width: 95%;
    }

}