/******
Do a find and replace to change all colours / fonts

Colour:
main dark grey #68b8a1
Lighter grey #8f8f8f

Font:
'Quicksand' is the google font
********/

html,
body {
	height: 100%;
	font-family: 'Lato', sans-serif;
	/*font-family: 'Roboto', sans-serif;*/
	/*font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;*/
	color: #000;
	font-size: 16px;
}
/* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
		/* ----- Margin for Single Column Sticky Footer -----*/
        margin: 0 auto -231px;
      }
	  #wrap.other-page {
		background: #dcdede;
      }
      /* Set the fixed height of the footer here */
      #push/*, #footer*/ {
		  /* ----- Height for Single Column Sticky Footer -----*/
        height: 231px;
      }
h1 {
	color: #68b8a1;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	letter-spacing: 0.05em;
	/*font-family: 'Quicksand', sans-serif;*/
}
h2, h3 {
	color: #68b8a1;
	/*font-family: 'Quicksand', sans-serif;*/
}

/* ----- IF One Column Header -----*/

header {
	background: #fff;
}
.navbar-header {
    text-align: center;
}
.navbar-brand {
    color: #68b8a1;
	height: 100%;
	float: none;
	display: block;
	line-height: 26px;
}
.upper-head {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: -15px;
	display: block;
}
.lower-head {
	font-weight: 500;
	font-size: 26px;
	color: #999;
}
.navbar-brand:focus, .navbar-brand:hover {
    color: #68b8a1;
}
.navbar-brand > img {
	margin: 0 auto 10px;
	height: 100px;
}
@media (min-width: 470px) {
	.upper-head {
	font-size: 32px;
	}
	.lower-head {
    font-size: 28px;
	}
}
@media (min-width: 576px) {
	.container > .navbar-header {
    padding-right: 30px;
	}
	.navbar-brand {
	float: left !important;
	line-height: 20px;
	width: 100%;
	}
	.navbar-brand > img {
	padding-right: 20px;
	margin: 0;
	float: left;
	}
	.upper-head {
    font-size: 42px;
	margin-top: 22px;
	margin-bottom: 2px;
	}
	.lower-head {
    font-size: 36px;
	}
}
@media (min-width: 768px) {
	.navbar-header {
	float: none;
	}
	.navbar-brand {
	line-height: 22px;
	}
	.upper-head {
    font-size: 46px;
	}
	.lower-head {
    font-size: 40px;
	}
}
@media (min-width: 992px) {
	header {
	margin-top: 54px;
	}
	.container > .navbar-header {
	padding-right: 40px;
	}
	.navbar-brand > img {
	padding-right: 0;
	}
	.other-page .navbar-brand > img {
		height: 90px;
	}
	.other-page .navbar-brand {
		padding: 10px 15px;
	}
	.upper-head {
    font-size: 50px;
	}
	.lower-head {
    font-size: 43px;
	}
	.other-page .upper-head {
		font-size: 42px;
		margin-top: 15px;
	margin-bottom: 0px;
	}
	.other-page .lower-head {
		font-size: 36px;
	}	
}
@media (min-width: 1200px) {
	.navbar-brand > img {
	height: 110px;
	}
	.upper-head {
    font-size: 54px;
	margin-bottom: 8px;
	}
	.lower-head {
	font-size: 46px;
	}	
}
/* ----- One Column Header END -----*/

section#welcome{
	position: relative;
}
#welcome.home-welcome .home-overlay, #welcome .class-overlay, .main-text-border .page-overlay {
	background-color: rgba(104, 184, 161, 0.9);
	position: absolute;
	bottom: 20px;
	right: 0;
	z-index: 200;
	padding: 8px 30px 8px 15px;
	text-align: right;
	display: none;
}
.main-text-border .page-overlay{
	bottom: 40px;
}
#welcome.home-welcome h1, #welcome .class-overlay h1, .main-text-border .page-overlay h1 {
	line-height: 1.3em;
	font-size: 15px;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
#welcome.home-welcome h1 span, #welcome .class-overlay h1 span, .main-text-border .page-overlay h1 span {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}
section#main-text {
	background-color: #dcdede;
	line-height: 1.6;
}
section#main-text a {
    color: #909;
}
section#main-text.home-text #content h1 {
    display: none;
}
section#main-text.home-text h1 {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 0.8em;
	font-size: 46px;
	color: #ccc;
	text-transform: uppercase;
}
section#main-text.home-text h1 span {
	font-size: 16px;
	letter-spacing: 0.04em;;
	position: relative;
	color: #68b8a1;
	text-transform: none;
	line-height: 0.1em;
}
.main-text-border {
	padding: 20px 10px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	z-index: 1;
}

/* ----- Quick Links -----*/
section#quick-links {
	width: 100%;
	height: 100%;
	background: #68b8a1;
	background: -moz-linear-gradient(top, #68b8a1 0%, #68b8a1 50%, #fff 50%, #fff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #68b8a1), color-stop(50%, #68b8a1), color-stop(50%, #fff), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #68b8a1 0%, #68b8a1 50%, #fff 50%, #fff 100%);
	background: -o-linear-gradient(top, #68b8a1 0%, #68b8a1 50%, #fff 50%, #fff 100%);
	background: -ms-linear-gradient(top, #68b8a1 0%, #68b8a1 50%, #fff 50%, #fff 100%);
	background: linear-gradient(to bottom, #68b8a1 0%, #68b8a1 50%, #fff 50%, #fff 100%);
}
section#quick-links h1 {
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.quick-links-column {
	margin-bottom: 40px;
	color: #fff;
}
.event {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 290px;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.event .content {
    background-color: rgb(62, 144, 120);
    color: #fff;
    top: 0;
    height: 78px;
    left: 0;
    overflow: hidden;
    position: absolute;
    transition: all .5s ease;
	width: 100%;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.event:hover .content {
    background-color: rgba(62, 144, 120, 0.8);
}
.event h3 {
    letter-spacing: 1px;
	height: 78px;
	margin: 0 auto;
	color: #fff;
	padding: 28px 0;
	text-transform: uppercase;
}
.event .rollover {
    border-top: 1px solid #fff;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 28px 20px;
    opacity: 0;
    transition: all .5s ease;
}
.event .rollover p {
	margin: 0;
}
.event:hover .content {
    /*background: rgba(93,67,27,.7);*/
    height: 100%;
}
.event:hover .rollover {
    opacity: 1;
}

/* ----- Quick Links END -----*/

/* ----- Events Section -----*/

#events_section {
	background: #fff;
	position: relative;
	overflow: hidden;
}
#events_section h1 {
	margin-bottom: 60px;
	font-size: 17px;
	color: #999;
	text-transform: uppercase;
}
#events_section h1 a {
    color: #999;
}
#events_section h1 a:hover {
    color: #999;
}
#school-blog .controls, #events_section .controls {
    text-align: center;
	display: none;
}
#events_section .container .item {
    display: none;
	margin-right: -15px;
	margin-left: -15px;
}
#events_section .container .item.active{
    display: block;
	margin-right: -15px;
	margin-left: -15px;
}
#events_section .left, #events_section .right {
    cursor: pointer;
	-webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
	background: #999;
	color: #fff;
	width: 44px;
	height: 44px;
	font-size: 36px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px;
	z-index: 2;
}
#events_section .left:hover, #events_section .right:hover {
    background: #808080; 
}
span.left-panel {
	z-index: 999;
	position: absolute;
    left: -20px;
    top: 50%;
    background: #355ea8;
    color: #fff;
    padding: 10px;
	cursor: pointer;
	display: none;
}
span.right-panel {
	z-index: 999;
	position: absolute;
    right: -20px;
    top: 50%;
    background: #355ea8;
    color: #fff;
    padding: 10px;	
	cursor: pointer;
	display: none;
}
#events_section .top-arrow-left {
	margin-right: 10px;
}
#events_section .top-arrow-right {
	margin-left: 10px;
}
#events_section .controls .left {
    float: left;
}
#events_section .controls .right {
    float: right;
}
/*.event-col {
	margin-bottom: 80px;
}
.event-col:last-child {
	margin-bottom: 20px;
}*/
#events_section .event-col .event-link {
    display: block;
    position: relative;
	color: #fff;
	width: 290px;
	height: 290px;
	font-size: 22px;
	line-height: 1.1em;
	margin: 0 auto 70px;
	background: url('img/event-bg-one.jpg') 0 0/cover no-repeat;
}
#events_section .event-col:nth-child(7n+1) .event-link{
	background: url('img/event-bg-one.jpg') 0 0/cover no-repeat;
}
#events_section .event-col:nth-child(7n+2) .event-link{
	background: url('img/event-bg-two.jpg') 0 0/cover no-repeat;
}
#events_section .event-col:nth-child(7n+3) .event-link{
	background: url('img/event-bg-three.jpg') 0 0/cover no-repeat;
}
#events_section .event-col:last-child .event-link {
	margin-bottom: 20px;
}
#events_section .event-col .event-link::before {
	content: "";
	background: url('img/logo.png');
	background-size: 85px;
	background-repeat: no-repeat;
	background-position: 50% 1px;
	background-color: #fff;
	position: absolute;
	pointer-events: none;
	z-index: 0;
	border-radius: 50%;
	border: 2px solid #f2f2f2;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	z-index: 1;
}
#events_section .event-col .event-link::after {
	content: "";
	background: #68b8a1;
	opacity: 45%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#events_section .event-col .details {
    position: absolute;
	display: block;
	margin: auto;
	top: 54%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	color: #fff;
	z-index: 1;
	-webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
#events_section .event-col .details h2 {
    margin-top: 0;
}
#events_section .event-col .details .day {
    font-size: 50px;
	color: #fff;
}
#events_section .event-col .details .month {
    margin-left: 5px;
    font-size: 24px;
}
#events_section .event-col .details .time i.fa {
    font-size: 30px;
    color: #909;
}
#events_section .event-col .details .time {
    margin-bottom: 18px;
}
#events_section .event-col .details .time span {
    font-size: 30px;
    margin-left: 10px;
	text-transform: lowercase;
}
#events_section .event-col .details .text {
    padding-top: 30px;
	color: #fff;
}
#events_section .event-col .event-link:hover .time i.fa {
    color: #606;
}
#events_section .event-col .event-link:hover .details, #events_section .event-col .event-link:hover .details h2, #events_section .event-col .event-link:hover .diary-details {
	color: #fff;
}
.event-date {
	margin-bottom: 10px;
}
.event-title {
	font-size: 22px;
}
.details #border {
    border:  1px solid #fff;
}

/* ----- Events Section END -----*/

/********** SOCIAL MEDIA STYLES ********/

section#social-media {
	background: url('img/social-bg.jpg') 0 0/cover no-repeat;
	border-bottom: 1px solid #68b8a1
}
section#social-media.other-page {
	border-top: 3px solid #6c91c4;;
}
.social-title h1 {
	font-size: 32px;
	color: #68b8a1;
	position: relative;
	display: table;
	width: 260px;
	text-align: center;
	margin: 80px auto 30px;
	text-transform: uppercase;
	font-weight: 700;
	z-index: 9;
}
#social-media h1::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -30px;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url('img/social-stars.png') center/170px no-repeat;
	width: 180px;
	height: 180px;
	z-index: -1;
}
#social-media h1::after {
	content: "\f099";
  	font-family: FontAwesome;
  	position: absolute;
    font-size: 32px;
	color: #fff;
    top: -22px;
    left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.social-title h1 span {
	display: block;
	font-size: 18px;
	margin-top: 10px;
	color: #000;
	font-weight: 500;
}
a.social-title:hover  {
	text-decoration: none;
}
a.social-title:hover h1 span {
	text-decoration: underline;
}
section#social-media a.social-title:focus {
    text-decoration: none;
}
.tweet-col {
    overflow: hidden;
	margin-bottom: 30px;
}
.tweet-holder {
	padding: 15px 12px 30px;
	background: #68b8a1;
}
section#social-media a {
    color: #fff;
}
/*section#social-media a:hover {
	text-decoration: underline !important;
}*/

.tweet-col .time {
    padding: 5px 0 15px;
	font-size: 15px;
	color: #fff;
	line-height: 1.5em;
}
.tweet-col .time img {
    height: 50px;
    width: 50px;
    float: left;
	margin-right: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.tweet-col .time span {
	font-weight: 700;
	font-size: 12px;
}
.tweet-col .tweet {
    padding: 10px 0 15px;
    position: relative;
    line-height: 1.5em;
    font-size: 16px;
	color: #fff;
	overflow: hidden;
}
.tweet-holder .image {
	background-position: center;
	background-size: cover;
	height: 250px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
}
#social-media a.PrettyLink.hashtag.customisable, #social-media a.PrettyLink.profile.customisable.h-card {
	color: #fff;
	text-decoration: underline;
}
/* ----- Social Media END -----*/

/* ----- Contact Large -----*/

section#contact-large {
	background-color: #dcdede;
	color: #000;
	padding-top: 40px;
	border-top: 2px solid #68b8a1;
}
section#contact-large.other-page {
	margin-top: 0;
	display: none;
}
.contact-upper {
	font-size: 15px;
	margin-bottom: 20px;
}
#contact-large h1 {
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
}
#contact-large h2 {
	color: #68b8a1;
	font-size: 21px;
	margin-top: 0;
}
.contact-lower {
	font-size: 16px;
	padding-bottom: 20px;
}
.contact-lower .contact-name {
	font-size: 16px;
}
.contact-lower a {
	color: #000;
}
.contact-lower a.twitter-link:hover {
	text-decoration: none;
}
.contact-lower a.twitter-link:hover span.fa-twitter {
	background: #52ad93;
}
.contact-lower span {
	display: table;
	margin-bottom: 8px;
}
.contact-lower span.fa-twitter {
	display: block;
	margin-bottom: 0;
	color: #fff;
	font-size: 22px;
	-webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -ms-transition: background .2s ease;
    -o-transition: background .2s ease;
	transition: background .2s ease;
	background: #68b8a1;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	height: 35px;
	width: 35px;
	line-height: 35px;
}
.map-wrap {
    margin-bottom: -6px;
    padding-right: 0;
    padding-left: 0;
}
.map-wrap a.circle-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(104, 184, 161, 0.1);
	-webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
	display: none;
}
.map-wrap a.circle-link:hover {
	background-color: rgba(104, 184, 161, 0.2);
}

/* ----- Contact Large END -----*/

#bottom-logos .col-md-5ths {
	text-align: center;
}
section#bottom-logos img {
	margin-bottom: 22px;
	height: 80px;
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


/* ----- Mobile Black Bar Styles -----*/
#mobile_black_bar a {
	display:block;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-size:20px;
}
#mobile_black_bar .staff_login, #mobile_black_bar .blogs {
	background: #000;
}
#mobile_black_bar .parent_login {
	background: #666;
}

/* ----- Footer Styles -----*/

footer {
	padding: 20px;
	background-color: #68b8a1;
	color: #fff;
	text-align: center;
	border-top: 1px solid #fff;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ----- IF Two Column Footer -----*/
.footer-right {
    margin-top: 16px;
}
.footer-right a {
    color: #fff;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
.footer-right a:hover {
    color: #9cf;
}
.footer-right span {
    width: 50px;
    font-size: 22px;
}

/* ----- Common Styles -----*/

.top-buffer {
	padding-top: 40px;
}
.bottom-buffer {
	padding-bottom: 20px
}

/* ----- Responsive Styles -----*/


@media (min-width: 370px) {
	.main-text-border {
		padding: 30px 20px 20px;
	}
	.tweet-col .time span {
		font-size: 14px;
	}
	.contact-upper {
	font-size: 16px;
	}
	.contact-lower {
    font-size: 18px;
	}
	.contact-lower span.fa-twitter {
	font-size: 24px;
	height: 36px;
	width: 36px;
	line-height: 36px;
	}
}
@media (min-width: 470px) {
	section#quick-links h1 {
		font-size: 36px;
	}
	#events_section h1 {
		font-size: 24px;
	}
		#events_section .top-arrow-right {
		margin-left: 30px;
		}
		#events_section .top-arrow-left {
		margin-right: 30px;
		}
	.social-title h1 {
		font-size: 36px;
		width: 340px;
		margin: 90px auto 30px;
		}
		.social-title h1 span {
		font-size: 21px;
		}
		#social-media h1::before {
			top: -35px;
			background: url('img/social-stars.png') center/185px no-repeat;
			width: 200px;
			height: 200px;
		}
		#social-media h1::after {
			top: -24px;
			font-size: 34px;
	}
	.tweet-col .time span {
		font-size: 16px;
	}
	#contact-large h1 {
		font-size: 36px;
	}
	.contact-lower {
		font-size: 16px;
		}
		.contact-lower span {
		display: inline-block;
		margin-bottom: 0;
		}
		.contact-lower span.contact-break::after {
		content: '|';
		color: #68b8a1;
		padding: 0 6px;
		}
		.contact-lower span.fa-twitter {
		font-size: 16px;
		height: 28px;
		width: 28px;
		line-height: 28px;
	}
}
@media(min-width: 576px) {
	#welcome.home-welcome .home-overlay, #welcome .class-overlay, .main-text-border .page-overlay {
		display: block;
	}
	section#main-text.home-text h1 {
		font-size: 52px;
		}
		section#main-text.home-text h1 span {
		font-size: 22px;
		line-height: 0.8em;
		}
	#events_section h1 {
		font-size: 32px;
	}
		.contact-upper {
		font-size: 18px;
		}
		.contact-lower {
		font-size: 20px;
		}
		.contact-lower .contact-name {
		font-size: 18px;
		margin-bottom: 5px;
		}
		.contact-lower span.fa-twitter {
		font-size: 21px;
		height: 34px;
		width: 34px;
		line-height: 34px;
	}
	.col-md-5ths {
		width: 33.33333333%;
	}
	/* ----- Wrap and Push for Single Column Sticky Footer -----*/
	#wrap {
    margin: 0 auto -208px;
    }
    #push {
    height: 208px;
    }
	/* ----- Wrap and Push for Two Column Sticky Footer -----*/
	/*#wrap {
    margin: 0 auto -249px;
    }
    #push {
    height: 249px;
    }*/
}
@media (min-width:576px) and (max-width:991px) {
	.social-title h1 {
	font-size: 46px;
	width: 400px;
	margin: 100px auto 40px;
	}
	.social-title h1 span {
		font-size: 26px;
	}
	#social-media h1::before {
		top: -38px;
		background: url('img/social-stars.png') center/208px no-repeat;
		width: 210px;
		height: 210px;
	}
	#social-media h1::after {
		top: -28px;
		font-size: 35px;
	}
	.tweet-holder {
	padding: 15px 20px 50px;
	}
	.tweet-col .time {
	font-size: 18px;
	}
	.tweet-col .time img {
	height: 55px;
	width: 55px;
	}
	.tweet-col .time span {
	font-size: 21px;
	}
	.tweet-col .tweet {
	font-size: 18px;
	}
}
@media(min-width: 768px) {
	#welcome.home-welcome h1{
		font-size: 16px;
	}
	#welcome .class-overlay h1{
		font-size: 28px;
	}
	#welcome.home-welcome h1 span {
		font-size: 15px;
	}
	section#main-text.home-text .main-text-border {
		padding: 30px 40px 20px 140px;
	}
	section#main-text.home-text h1 span::after {
		content: "";
		background: url('img/logo.png') center/100px no-repeat;
		position: absolute;
		bottom: -5px;
		left: -120px;
		width: 100px;
		height: 100px; 
		}
		#events_section h1 {
		font-size: 36px;
	}
	#contact-large h1 {
		font-size: 36px;
		}
		.contact-upper {
			font-size: 21px;
		}
		#contact-large h2 {
			font-size: 24px;
		}
		.contact-lower {
		font-size: 22px;
		}
	/* ----- Wrap and Push for Single Column Sticky Footer -----*/
	#wrap {
    margin: 0 auto -208px;
    }
    #push {
    height: 208px;
    }
	/* ----- Wrap and Push for Two Column Sticky Footer -----*/
	/*#wrap {
    margin: 0 auto -210px;
    }
    #push {
    height: 210px;
    }*/
}

@media(min-width:992px) {
	#welcome.home-welcome h1 {
		font-size: 21px;
	}
	#welcome .class-overlay h1, .main-text-border .page-overlay h1{
		font-size: 32px;
	}
	#welcome.home-welcome h1 span, .main-text-border .page-overlay h1 span {
		font-size: 19px;
	}
	section#main-text.home-text h1 {
		margin-top: 20px;
	}
		section#main-text.home-text h1 span{
		font-size: 20px;
		}
		section#main-text.home-text h1 span::after {
		bottom: -4px;
		}
		section#main-text.home-text .main-text-border {
			margin-top: 50px;
		}
	section#main-text.home-text .main-text-border::before {
		content: "";
		background: url('img/home-image.jpg') 0 0/350px 233px no-repeat;
		position: absolute;
		width: 350px;
		height: 233px;
		top: -45px;
		right: -320px;	
		border-left: 10px solid #dcdede;
		border-bottom: 10px solid #dcdede; 
	}
	section#quick-links {
		background: #68b8a1;
		background: -moz-linear-gradient(top, #68b8a1 0%, #68b8a1 60%, #fff 60%, #fff 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #68b8a1), color-stop(60%, #68b8a1), color-stop(60%, #fff), color-stop(100%, #fff));
		background: -webkit-linear-gradient(top, #68b8a1 0%, #68b8a1 60%, #fff 60%, #fff 100%);
		background: -o-linear-gradient(top, #68b8a1 0%, #68b8a1 60%, #fff 60%, #fff 100%);
		background: -ms-linear-gradient(top, #68b8a1 0%, #68b8a1 60%, #fff 60%, #fff 100%);
		background: linear-gradient(to bottom, #68b8a1 0%, #68b8a1 60%, #fff 60%, #fff 100%);
	}
	section#quick-links h1 {
		font-size: 42px;
		margin-bottom: 30px;
	}
	#events_section h1 {
		margin-bottom: 80px;
	}
	.social-title h1 {
		font-size: 42px;
		width: 430px;
		margin: 100px auto 30px;
		}
		.social-title h1 span {
			font-size: 24px;
		}
		#social-media h1::before {
			top: -38px;
			background: url('img/social-stars.png') center/208px no-repeat;
			width: 210px;
			height: 210px;
		}
		#social-media h1::after {
			top: -28px;
			font-size: 35px;
		}
	.tweet-col, .tweet-col:last-child {
		margin-bottom: -220px;
	}
	.tweet-holder {
		padding: 15px 15px 40px;
	}
		.tweet-col .tweet {
		min-height: 208px;
		max-height: 208px;
	}
	section#contact-large.other-page {
		display: block;
		}
		section#contact-large.other-page .map-wrap {
		display: none;
		}
		section#contact-large.other-page .contact-upper {
		border-top: 0;
		}
		.map-wrap {
		margin-bottom: 0;
		/*padding-right: 15px;
		padding-left: 15px;
		background: url('img/medium-map.jpg') center 0 no-repeat;*/
		height: 300px;
		position: relative;
		}
		.map-wrap a.circle-link {
			display: block;
		}
		.map-wrap iframe {
			height: 300px;
		}
		.contact-upper {
		font-size: 26px;
		}
		#contact-large h1 {
		font-size: 42px;
		}
		section#contact-large h2 {
		font-size: 30px;
		}
		.contact-lower {
		font-size: 30px;
		}
		.contact-lower .contact-name {
		font-size: 26px;
		}
		.contact-lower span.fa-twitter {
		font-size: 26px;
		height: 38px;
		width: 38px;
		line-height: 38px;
		}
	.col-md-5ths {
		width: 20%;
	}
	.col-md-7th {
		width: 14.2857142857%;
	}
	.col-md-8th {
		width: 12.5%;
	}
	section#bottom-logos img {
		height: 90px;
	}
	section#bottom_login {
		display: none;
	}
	section#mobile_black_bar {
		display: none;
	}
	/* ----- IF Two Column Footer -----*/
	.footer-right {
    margin-top: 0;
	}
	/* ----- Wrap and Push for Single Column Sticky Footer -----*/
	#wrap {
    margin: 0 auto -93px;
    }
    #push {
    height: 93px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
	#events_section .event-col .event-link {
    width: 280px;
    height: 280px;
    font-size: 18px;
    line-height: 1em;
	}
	#events_section .event-col .details .day {
    font-size: 40px;
	}
	#events_section .event-col .details .month {
    font-size: 21px;
	}
	#events_section .event-col .details .time i.fa {
    font-size: 26px;
	}
	#events_section .event-col .details .time span {
    font-size: 26px;
	}
	.diary-details {
    width: 130px;
    font-size: 16px;
	}
}
@media(min-width:1200px) {
	#welcome.home-welcome .home-overlay {
		padding: 8px 50px 8px 25px;
	}
	#welcome.home-welcome h1 {
		font-size: 26px;
	}
	#welcome .class-overlay h1, .main-text-border .page-overlay h1{
		font-size: 36px;
	}
	#welcome.home-welcome h1 span, .main-text-border .page-overlay h1 span {
		font-size: 24px;
	}
	section#main-text.home-text .main-text-border {
		padding: 30px 110px 20px 140px;
	}
	section#main-text.home-text .main-text-border::before {
		background: url('img/home-image.jpg') 0 0/470px 313px no-repeat;
		width: 470px;
		height: 313px;
		right: -370px;	 
	}
		#events_section .event-col .event-link {
		width: 340px;
		height: 340px;
		}
		#events_section .event-col .details .day {
		font-size: 55px;
		}
		#events_section .top-arrow-right {
		margin-left: 40px;
		}
		#events_section .top-arrow-left {
		margin-right: 40px;
	}
	.tweet-col .time {
		font-size: 16px;
	}
	.contact-lower {
		font-size: 30px;
		}
		.contact-lower span.fa-twitter {
		font-size: 28px;
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
}
@media(min-width:1300px) {
		section#main-text.home-text .main-text-col::before {
		background: url('img/home-image.jpg') center/400px no-repeat;
		width: 400px;
		height: 400px;
		left: -430px;
		}
	section#events_section .container {
	position: relative;
	}
	#events_section .controls {
	display: block;
	}
	#events_section .top-arrow-left, #events_section .top-arrow-right {
    display: none;
	}
	span.left-panel, span.right-panel {
	display: block;
	}
}
@media(min-width:1400px) {
	section#main-text::before {
		content: '';
		background: url('img/bg-stars.png') 70px 0/200px no-repeat;
		position: absolute;
		top: 70px;
		width: 200px;
		height: 200px;
		right: 0;
	}
	section#main-text.home-text::before {
		content: '';
		background: none;
	}
}
@media(min-width:1600px) {
	section#main-text::before {
	background: url('img/bg-stars.png') 40px 0/250px no-repeat;
	top: 80px;
	width: 250px;
	height: 250px;
	}
}
@media(min-width:1700px) {
	#welcome.home-welcome .home-overlay {
		padding: 8px 60px 8px 30px;
		bottom: 40px;
	}
	#welcome.home-welcome h1 {
		line-height: 1.2em;
		font-size: 36px;
	}
	#welcome .class-overlay h1{
		font-size: 42px;
	}
	#welcome.home-welcome h1 span {
		font-size: 34px;
	}
}
@media(min-width:1900px) {
	section#main-text::before {
	background: url('img/bg-stars.png') 20px 0/350px no-repeat;
	width: 350px;
	height: 350px;
	}
}