/*******Cover Art Gallery Styles****************/

div.cag-selection-container {
	margin: 0 3% 0 3%;
}

select.cag-selection-year {
	margin-left: 5px;
}

div.cag-cover-info-container {
	padding: 0 3% 3% 3%;
}

div.cag-cover-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.cag-cover-description {
	-webkit-box-flex: 3;
		-ms-flex: 3 1 68%;
			flex: 3 1 68%;
}

div.cag-cover-img-1 {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 12%;
			flex: 1 1 12%;
	padding-left: 1%;
}

div.cag-cover-img-2 {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 20%;
			flex: 1 1 20%;
	padding-left: 1%;
}

@media all and (max-width:992px) {

	div.cag-cover-description {
		-webkit-box-flex: 3;
			-ms-flex: 3 1 62%;
				flex: 3 1 62%;
	}

	div.cag-cover-img-1 {
		-webkit-box-flex: 1;
			-ms-flex: 1 1 14%;
				flex: 1 1 14%;
		padding-left: 1%;
	}

	div.cag-cover-img-2 {
		-webkit-box-flex: 1;
			-ms-flex: 1 1 24%;
				flex: 1 1 24%;
		padding-left: 1%;
	}
}

@media all and (max-width:480px) {
	div.cag-cover-info-container {
		padding: 5% 3% 3% 3%;
	}

	div.cag-cover-info {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

	div.cag-cover-img-1 {
		padding-top: 2%;
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
		padding-left: 0;
	}

	div.cag-cover-img-2 {
		padding-top: 2%;
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
		padding-left: 0;
	}
}

@media all and (max-width:320px) {

	div.cag-cover-description {
		-webkit-box-flex: 5;
			-ms-flex: 5 1 90%;
				flex: 5 1 90%;
	}

	div.cag-cover-img-1 {
		padding-top: 2%;
		-ms-flex-preferred-size: 12%;
			flex-basis: 12%;
		padding-left: 0;
	}

	div.cag-cover-img-2 {
		padding-top: 2%;
		-webkit-box-flex: 2;
			-ms-flex: 2 1 18%;
				flex: 2 1 18%;
		padding-left: 3%;
	}
}