@media (max-width:1100px) {

	.about-page .about-content h1 { font-size:40px; margin-bottom:25px; }
	.about-page .about-content .section .line { margin-bottom:30px; }
	.about-page .about-buttons { padding-left:8%; }

}

@media (max-width:1024px) {

	.services-page .service-panel .overlay { opacity:1; }
	.services-page .service-panel .info .line { opacity:1; }
	.services-page .service-panel .info .page-link { opacity:1; }
	.services-page .service-panel .info .page-link a.button { opacity:1; }
	.services-page .service-panel .info .summary-text {  width:100%; opacity:1; }

}

@media (max-width:1023px) {

	header .journal-link { right:0px; }

	.services-page .service-panel { width:50%; height:50%; }
	
	.services-page .service-panel .info { padding:8%; }
	.services-page .service-panel .info .table-cell { vertical-align:bottom; }
	.services-page .service-panel .info .bold-text { margin-bottom:0px; line-height:1em; font-size:60px; }
	.services-page .service-panel .info .line { margin:13px 0; }
	.services-page .service-panel .info .summary-text { margin-bottom:19px; }
	

	.service-navigation { margin-bottom:40px; }
	.service-navigation ul li { max-width:100%; width:43%; margin-bottom:20px; }

	.journal-categories { margin-bottom:40px; }
	.journal-categories ul li { display:block; text-align:center; margin-bottom:8px; }

}

@media (max-width:767px) {

	header .centre-logo { display:none; }
	header .small-logo 						{ display:block; }

	.cycle-banner .banner-image h3 { font-size:40px; line-height:40px; }
	.cycle-banner .banner-image span { font-size:20px; }

	.services-page .service-panel { width:100%; height:auto; }
	.services-page .service-panel:first-child { padding-top:00px; }
	.services-page .service-panel:last-child { padding-bottom:50px; }
	.services-page .service-panel .info .bold-text { font-size:50px; }
	.services-page .service-panel .info .summary-text {  }

	.service-navigation ul li { width:100%; margin:0 0 10px; }
	.service-content .main-content-text h1 { margin-bottom:30px; }

	.gallery-images .back-icon { top:30px; left:30px; }
	.gallery-images .info-icon-toggle { top:30px; left:90px; }
	.gallery-images .gallery-image .arrows .up-arrow { right:30px; bottom:80px; }
	.gallery-images .gallery-image .arrows .down-arrow { right:30px; bottom:30px; }
	.gallery-images .gallery-image .info-panel { left:30px; right:30px; top:100px; }
	.gallery-images .gallery-image .info-panel h4 { font-size:30px; margin-bottom:15px; }

	.about-page .about-content {  }	
	.about-page .about-buttons { padding-left:0; padding-bottom:25px; }
	.about-page .about-content h1 { text-align:left }
	.about-page .about-content .section .line { float:left; }
	.about-page .about-content .section p { text-align:left }

	.journal-posts .grid-item { width:100%; }

	.journal-post { padding-top:30px; }
	.journal-post .title { font-size:28px; margin-bottom:30px; }

	footer { padding:15px 0; }
	footer nav .columns { width:100%; }
	footer nav ul { text-align:center; margin-bottom:6px; }
	footer nav ul li { margin:0 5px; }
	footer .social-icons ul { text-align:center; }

}

@media (max-height:550px) {

	.cycle-banner .banner-image h3 { margin-top:25px; font-size:40px; line-height:40px; }
	.cycle-banner .banner-image span { font-size:20px; }
	
}