/*********************************************/
/*		  		Media Queries			    					 */
/*********************************************/

@media(min-width: 0px) {
	.padded-container 		{ padding: 2em; }
	.el-container 				{ /*height: 280px;*/
													height: auto;
													padding-bottom: 20px; }
	.width-500 						{ width: 200px; }}
@media(max-height: 366px) {
	.el-container 				{ /*height: 580px;*/ }}
@media(min-width: 767px) {
	.el-container 				{ /*height: 380px;*/ }}
@media(min-width: 1024px) {
	.padded-container 		{ padding: 0 20%; }
	.el-container 				{/* height: 320px;*/ }
	.width-500 						{ width: 400px; }}
@media (min-width: 1400px) {
	.el-container 				{ /*height: 380px;*/ }}
@media (min-width: 2500px) {
	.el-container 				{ max-width: 800px;
													/*height: 680px;*/ }}


/*********************************************/
/*		  		Containers 											 */
/*********************************************/

.card-container 				{ padding-top: 0.5em;
													padding-bottom: 0.01em;
													background: url(../assets/bellet2.png),
													rgba(85, 85, 75, 0.25);
													margin-top: -20px;
													min-height: 280px; }
#dots-container 				{ position: relative;
													padding-top: 1em;
													height: 3em;
													width: 100%; }
.el-container 					{ max-width:	400px;
													min-width: 200px;
													margin-left: 15px;
													margin-right: 0.9em;
													box-shadow: 2px 0px 2px #888888; }
#results							 	{ margin-bottom: 25em; }


/*********************************************/
/*		  		Backgrounds 										 */
/*********************************************/

.black-bg 							{ color: #4FF0F0;
													background-color: white; }
.white-bg 							{ /*color: black;*/
													background-color: white; }
.blue-background 				{ background: url(../assets/bellet1.png),
													rgba(85, 85, 75, 0.25); }
.orange-background 			{ background: url(../assets/bellet3.png),
													rgba(85, 85, 75, 0.25); }


/*********************************************/
/*		  		Other Slick-Related							 */
/*********************************************/

.width-500 							{ margin-left: 15px;
													margin-right: 0.5em;
													box-shadow: 2px 0px 2px #888888; }
.slick-dots 						{ padding-top: 0.5em;
													padding-bottom: 0.5em;
													position: static; }