@media only screen and (max-width:1225px) {

	.jumbotron {
		height: 100%;
	}

}

@media only screen and (max-width:1200px) {
    .btn-centre {
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media only screen and (max-width:1000px) {

	.ft-contact {
		display: none;
	}
    /*.thumbnail {
        display: none;
    }*/
    #price {
        text-align: left;
}

@media only screen and (max-width:991px) {

	.mobile-centre {
        text-align: center;
    }
    .mobile-list {
        text-align: left;
    }
	.thumbnail {
        /*display: none;*/
        width: 50%;
        margin-left: 25%
    }
    .jumbotron {
        height: 450px
    }
    .prod-short-des {
        padding-left: 25%;
        padding-right: 25%;
    }
    .btn-centre {
        padding-left: 25%;
        padding-right: 25%;
    }
}

@media only screen and (max-width:830px) {

	h1.logo-replacement {
		width: auto;
		height: auto;
		background-size: auto 80%;
		background-repeat: no-repeat;
	}

	.mobile-centre {
        text-align: center;
    }
    ul .mobile-centre {
        text-align: left;
    }
    .jumbotron {
        height:180px;
    }
    .tagline {
        display: none;
    }
    .navbar-static-top {
        margin-bottom: 5px;
    }
    .navbar-static-bottom {
        margin-top: 0;
    }
    .content h1 {
        font-size: 2.5em;
    }
    .content h2 {
        font-size: 2em;
    }
    .content h3 {
        font-size: 1.5em;
    }
    .content h4 {
        font-size: 1.2em;
    }

}

@media only screen and (max-width:630px) {
    .prod-short-des {
        padding-left: 10%;
        padding-right: 10%;
    }
    .btn-centre {
    padding-left: 10%;
    padding-right: 10%;
}
    .thumbnail {
        /*display: none;*/
        width: 80%;
        margin-left: 10%;
    }
    .btn {
        margin-bottom: 2px;
    }
}