.event-grid-container{
        display: grid;
        grid-gap: 20px;
        width:100%;
        text-align: left;
        padding:0px 5px;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        grid-template-columns: 34% 33% 33%;
    }   
    
.event-grid-container > div {
        text-align: auto;
        font-size: auto;
        color: black;
}   
    
.header-img {
    display: grid;
    width: 100%;
    margin:5px;
    grid-gap: 20px;
    padding:0px 5px;
}
.event-flexbox-container{
	display:flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: flex-start;
	gap: 5px 5px;
	margin:5px;
	max-width: 800px;
}	

.event-flexbox-item {
  	order: 0; /* default is 0 */
	flex-basis: auto;
	max-width:250px;
	background-color:rgba(42,172,226,0.00);
	border-radius:5px;
	padding:5px;
	flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}