#headerImage {
	position: relative;
}
.containerImage {
	padding: 0 !important;
	overflow: hidden !important;
}
h4 { /* heading for the image accordions */
	color: #fff;
	height: 205px;
	margin:0px;
	padding: 10px !important;
}
.accordionImage {
	width:100%;
	max-height:none;
	position: relative;
	top: -225px;
	margin-bottom: -225px;
	cursor: pointer;
}
.expandHeader {
	background: #222;
	padding: 5px 10px 0 10px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	left: 47%;
	right: 47%;
	text-align:center;
	display: block;
}
.collapseHeader {
	background: #222;
	padding: 5px 10px 0 10px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	z-index: 100;
	color: #fff;
	bottom: 6px;
	left: 47%;
	right: 47%;
	text-align:center;
	display:none;
	cursor: pointer;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#headerImage {
	position: relative;
}
.containerImage {
	padding: 0 !important;
	overflow: hidden !important;
}
h4 { /* heading for the image accordions */
	color: #fff;
	height: 103px;
	padding: 10px !important;
}
.accordionImage {
	width:100%;
	max-height:none;
	position: relative;
	top: -123px;
	margin-bottom: -123px;
	cursor: pointer;
}
.expandHeader {
	background: #222;
	padding: 5px 5px 0px 5px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	bottom: 0px;
	left: 47%;
	right: 47%;
	text-align:center;
	display: block;
}
.collapseHeader {
	background: #222;
	padding: 5px 5px 0px 5px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	z-index: 100;
	color: #fff;
	bottom: 6px;
	left: 47%;
	right: 47%;
	text-align:center;
	display:none;
	cursor: pointer;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#headerImage {
	position: relative;
}
.containerImage {
	padding: 0 !important;
	overflow: hidden !important;
}
h4 { /* heading for the image accordions */
	color: #fff;
	height: 70px;
	padding: 10px !important;
}
.accordionImage {
	width:100%;
	max-height:none;
	position: relative;
	top: -92px;
	margin-bottom: -92px;
	cursor: pointer;
}
.expandHeader {
	background: #222;
	padding: 3px 3px 0px 3px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	bottom: 0px;
	left: 47%;
	right: 47%;
	text-align:center;
	display: block;
}
.collapseHeader {
	background: #222;
	padding: 3px 3px 0px 3px;
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;
	z-index: 100;
	color: #fff;
	bottom: 6px;
	left: 47%;
	right: 47%;
	text-align:center;
	display:none;
	cursor: pointer;
}
}