.ca-advent {
	display: flex;
    flex-wrap: wrap;
}

.ca-advent .ca-day {
	text-align: center;
    border: 3px solid #ccc;
    background: white;
    float: left;
    margin: 0 1.8% 2em 0;
    padding: 10px;
    position: relative;
    width: 31.2%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ca-advent h2 {
	color:  #d80000;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/* XL DISPLAY BREAKPOINT - 1681px - 2560px 
- 1920px
- 2560px 
*/
@media only screen and (min-width : 1681px) {

}

/* LRG DESKTOP BREAKPOINT - 1367px - 1680px
- 1440px
- 1536px
- 1680px 
*/
@media only screen and (max-width : 1680px) {

}

/* DESKTOP BREAKPOINT - 1201px - 1366px
- 1280px
- 1366px
*/
@media only screen and (max-width : 1366px) {

}

/* BOOTSTRAP LRG BREAKPOINT - 1025px - 1200px
*/
@media only screen and (max-width : 1200px) {

}

/* TABLET BREAKPOINT - 993px - 1024px
- 1024px
*/
@media only screen and (max-width : 1024px) {
	.ca-advent .ca-day {
		width:  48.2%;
	}
}

/* BOOTSTRAP MED BREAKPOINT - 769px - 992px 
- 800px
*/
@media only screen and (max-width : 992px) {

}

/* BOOTSTRAP SML BREAKPOINT - 450px - 768px
- 768px
- 600px
*/
@media only screen and (max-width : 768px) {
	.ca-advent .ca-day {
		width:  98.2%;
	}
}

/* MOBILE DEVICES
- 320px
- 360px
- 414px
*/
@media only screen and (max-width : 450px) {

}