/* CALENDAR PAGE STYLES */

.bottom-column {
	flex: 1;
	min-width: 250px;
	text-align: left;
	padding: 20px;
	order: 1; /* Default order */
}
.top-column {
	flex: 1;
	min-width: 250px;
	text-align: left;
	padding: 20px;
	order: 2; /* Default order */
}
.month-section {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.image-container {
	width: 100%;
	text-align: center;
}
.image-container img {
	width: 100%;
	height: auto;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	padding: 4px;
}
        

/* MONTH TITLES */

.month {
   display: inline-block;
   margin-bottom: 20px;
   padding: 10px 30px;
   min-width: 10em;
   background: #ffebe1;
   color: #121212 !important;
   border: 1px solid #000;
   text-decoration: none;
}


/* MEDIA QUERIES */

@media (max-width: 980px) {
	.two-column {
		flex-direction: column;
	}
	.top-column {
		order: -1;
	}
	.bottom-column {
		order: 2;
	}
}
@media (max-width: 480px) {
	.bottom-column, .top-column {
		padding: 10px;
	}
}