/*  Medium Desktop */
@media only screen and (max-width: 1198px) {
	.signpost-btns { margin-bottom: 0; }
	.signpost-btns .coloured-boxes { margin-bottom: 25px; }
	.page-head-img { height: 461px; background-size: 120%; }
	.page-head-img h1 { padding: 120px 0 0 20px; }
	.fundraising-icons h3 { font-size: 1.1em; }
	.fundraising-icons img { width: 75%; }
	.coloured-boxes h2 br { display: none; }
	.fundraising-form p br { display: none; }
	.header h1.main { font-size: 3.1em; }
	.header h2.main { font-size: 1.9em !important; margin: 0 !important; }
} 

/*  Small Desktop */
@media only screen and (max-width: 1000px) {
	.header-image { margin-bottom: 25px; }
	.header .content_box_holder { margin-top: 20px; }
	.header h1.main { font-size: 2.9em; }
	.header h2.main { font-size: 1.9em !important; margin: 0 !important; }
	.container > .navbar-header { margin-right: 0; margin-left: 0; }
	.navbar-bootsnipp .navbar-nav > li > a { font-size: 13px; }
	.navbar-bootsnipp .navbar-nav > li { margin-left: 15px; }
	.navbar-bootsnipp { padding-bottom: 15px; }
	.news h2 { margin-top: -10px; }
	.fundraising-news h2 { margin-top: -10px; }
	.fundraising-news hr { margin-bottom: 25px; }
	.signpost-btns { margin-top: 0; }
	.recent-news { padding-left: 0 !important; }
}

/*  TABLET/MOBILE */
@media only screen and (max-width: 768px) {
	.header-image { padding: 90px 20px 0 20px; height: 250px; background-size: 140%; background-position: 0 70%; margin-bottom: 25px; }
	.header-image h1 { font-size: 1.8em; }
	.header-image button { padding: 10px 20px 10px 20px; margin: 5px 10px 0 0; font-size: 1em; }
	.header { margin-top: 160px; }
	.header .content_box_holder { margin-top: 20px; }
	.header h1.main br { display: none; }
	.header h1.main { font-size: 2.5em; }
	.header h2.main { font-size: 1.8em !important; margin: 0 !important; }
	.announcement { margin-top: 160px; }
	.navbar-toggle { margin: 35px 0 0 0; padding-right: 0; }
	.social-icons { margin: 15px 0 5px -5px; display: block; position: relative; float: none; width: 100%; }
	.social-icons i { margin: -1px 0 0 1px; font-size: 1.7em; }
	.social-icons button { padding: 2px 10px 3px 10px; margin: 1px 0 0 2px; font-size: 0.9em; }
	.navbar-bootsnipp .navbar-brand img { width: 130px; }
	.navbar-bootsnipp .navbar-nav > li { margin-left: 20px; float: none; }
	.navbar-bootsnipp { padding-bottom: 0; }
	.second-nav { margin: 7.5px -20px; }
	.second-nav .form-control { height: 24px; }
	.second-nav li { margin-bottom: 15px; }
	.second-nav li:last-child { margin-bottom: 10px; }
	.latest-news h2 { font-size: 1.8em; }
	.coloured-boxes h2 { font-size: 1.8em; }
	.coloured-boxes p { font-size: 1em; }
	.article-listing { margin-bottom: 15px; }
	.news-item-lrg .news-image { height: 250px !important; }
	.news-item-lrg h3 { font-size: 1.5em; line-height: 1.25em; margin-top: 10px; padding-bottom: 15px; }
	.news h2 { margin-top: -10px; }
	.news-listing-main-article-title { font-size:18px; line-height:120%; }
	.news-item-sml .news-image { height: 100px; }
	.content-box img.floatleft { float: none; margin-right: 0; }
	.content-box img.floatright { float: none; margin-left: 0; }
	.content-box h1 { line-height: 1.1; font-size: 2em; }
	.sign-up-form .content_box_holder { padding: 20px; }
	.sign-up-form h2 { font-size: 1.8em; }
	.sign-up-form p { font-size: 1em; }
	.footer a { text-decoration: none; }
	.footer .col-xs-12 { text-align: center; }
	.footer .logo-footer { height: 115px; float: none; margin: 0 auto; }
	.footer-copyright .col-md-6 { text-align: center; margin: 5px 0 5px 0; }
	.page-head-img h1 { font-size: 3.5em; }
	.page-head-img { height: 350px; background-size: 180%; }
	.fundraising-icons img { width: 100%; margin-top: -45px; }
	.fundraising-icons h3 { font-size: 0.9em; }
	#pop-up-message { width: 85%; }
}

/*  MOBILE ONLY */
@media only screen and (max-width: 480px) {
	.header-image button { padding: 5px 10px 5px 10px; margin: 5px 10px 0 0; font-size: 0.8em; }
	.header .content_box_holder { padding: 10px; }
	.header h1.main { font-size: 1.6em; text-align: center; }
	.header h1.main br { display: none; }
	.header h2.main { font-size: 1.2em !important; text-align: center; }
	.content-box h1 { line-height: 1.1; font-size: 1.6em; }
	.news-item-lrg h3 { font-size: 1.3em; line-height: 1.25em; margin-top: 10px; padding-bottom: 15px; }
}