/* GRID */

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;       
    width: 100%;
}

.flex-col {
	padding: 20px;   
}

.flex-col-33-3 {
    flex: 1 1 calc(33.333% - 14px); 
    box-sizing: border-box;              
}

@media screen and (max-width: 768px) {
    .flex-col {
        flex: 1 1 100%; 
    }
}

/* COLORS */
.bg-white {
	background-color: white;
}

/* BORDERS */
.bor-rad-4px {
  border-radius: 4px;
}

/* OBJECT FIT */
.of-cover {
	object-fit: cover;
}

/* SHAPES */
.sq-120px {
	max-width: 120px;
  	max-height: 120px;
}

/* SIZES, SPACERS */
.min-w-150 {
	min-width: 150px;
}

.pb-0 {
	padding-bottom: 0;
} 

.pl-1em {
	padding-left: 1em;
}

.pr-2em {
	padding-right: 2em;
}

/* TYPOGRAPHY */
.bold {
	font-weight: bold;
}

.gray {
	color: gray;
}

.fs-075em {
	font-size: 0.75em;
}