@charset "utf-8";
/* CSS Document */

#facilities-box {
	margin: 0 auto;
	width: 63em;	
	height: auto;
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: center;
}

.facilities-info {
	width: 39em;
	display: inline-block;
	color: #000;
	font-size: .9em;
	line-height: 1.5em;
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-align: justify;
	margin-right: 3em;
}

p:first-child {
	font-size: 2em;
	color: #8DB630;
	font-family:"Century Gothic", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	line-height: 1.2em;
}

.facilities-image-main{
	width: 350px;
	height: auto;
	margin: 2em 0;
	padding: 0;
	border-radius: 1em;
	vertical-align: bottom;
}

.facilities-gallery {
	text-align: center;
	margin: 0 auto;
	width: 63em;
	text-align: left;
}

.facilities-gallery img {	
	margin: 1.2em 1.5em;
	border-radius: 1em;
}

.facilities-gallery a:hover {
	opacity: 0.50;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}


/* For Safari Only */
::i-block-chrome, #facilities-box {
	margin-left: 23%;
	
}

::i-block-chrome, .facilities-info {
	vertical-align: top;
}


/* Responsive Content */

@media all and (max-width: 1200px) {
	#facilities-box {width: 80%;}
	.facilities-info {width: 47em;}
	.facilities-gallery {width: 47em;}
}

@media all and (max-width: 900px) {
	.facilities-info {width: 30em;}
	.facilities-gallery {width: 38em;}
	.facilities-gallery img {width: 150px; height: auto;}
}

@media all and (max-width: 680px) {
	.facilities-info {width: 80%; margin: 0; padding: 0; font-size: 80%; line-height: 1.6em;}
	.facilities-image-main {width: 75%;}
	.facilities-gallery {width: 100%;}
	.facilities-gallery img {width: 100px; height: auto; margin: 1em;}
}

@media all and (max-width: 480px) {
	.facilities-info {width: 100%;}
	p:first-child {font-size: 1.8em;}
	.facilities-image-main {width: 90%; margin: 1em 0;}
	.facilities-gallery {width: 100%;}
	.facilities-gallery img {width: 42%; margin: .5em;
	justify-content: center;}
}