/*
BASE (MOBILE) SCREENS
These base styles apply to all screen sizes, but may be overridden on larger screns by the media query-driven styles that appear later in this file.
*/

.accordion {
	clear: both;
}

.show-accordion + .accordion-text {
	display: block;
}

.accordion-text {
	display: block;
	margin: 15px 0;
}

.accordion h2 {
	cursor: pointer;
	position:relative;
	background: #660000;
	margin-top: 0;
	margin-bottom: 6px;
	padding:5px 9px;
	font-size: 18px;
	-webkit-transition:background .2s;
	transition:background .2s;
}

.accordion h2:after {
	content: '+';
	position: absolute;
	right: 7px;
	font-size: 22px;
	top: 6px;
	background: rgb(201, 57, 57);
	border: 1px solid #670000;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
}

.accordion .show-accordion:after {
	content: '-';
	line-height: 15px;
	font-size: 24px;
}

.accordion h2:hover, .accordion .show-accordion {
	background: #800404;
}

.accordion img {
/* 	width: 295px; */
	margin-bottom: 1%;
	border: 2px solid #c6b18f;
}

/* This must be the last of the accordion calls */
.accordion-text {
	display:none;
}



/*
PHONES in LANDSCAPE ORIENTATION
*/
@media only screen and (min-width: 500px) {

.accordion img {
	float: left;
	width: 48.5%;
	margin-right:1%;
}

}




/*
TABLETS in PORTRAIT ORIENTATION
*/
@media only screen and (min-width: 700px) {

.accordion img {
	width: 32.5%;
	margin-right: 0.7%;
	margin-bottom: 0.7%;
}

} 




/*
TABLETS in LANDSCAPE & SMALLER LAPTOPS
This is the first appearance of the "desktop layout"
*/
@media only screen and (min-width: 964px) {

}