/* MOBILE */
@media only screen and (max-width:767px) {
    body {
       
    }

    .btn-home {
        width: 100%;
    }

    .bannertitle {
        font-size: 2.2em;
    }

    .banner-container {
        padding-bottom: 50px;
    }

    .banner-container-int {
        width: 100% !important;
        right: 0 !important;
        height: 200px;
        margin-bottom: -2px;
    }

    .bannercolourchange {
        height: 80px;
        margin-bottom: -2px;
        margin-top: -2px;
    }

    main h1 {
        margin-bottom: 15px;
    }

    .stripimage {
        width: 100%;
        height: 300px;
        background-position: center;
    }

    .stafflang {
       margin-bottom: 5px;
    }

    .doccontainerint {
        margin-bottom: 20px;
    }

    .btn-staffpage {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

/* TABLET */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/* DESKTOP */
@media only screen and (min-width: 768px) {
}

@media screen and (min-width: 1120px) {
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Small Devices, Tablets */
/*@media only screen and (max-width : 768px) {

}*/