﻿.flexBox, .flexBoxVertical, .flexBoxAdapt { display: flex; flex-wrap: wrap; }

.flexBoxVertical { flex-direction: column; }

.flexBoxLogos{ display: flex; }

.gap-1 { gap: 5px; }

.gap-2 { gap: 10px; }

.gap-3 { gap: 15px; }

.gap-4 { gap: 30px; }

.justifyBetween { justify-content: space-between; }

.justifyAround { justify-content: space-around; }

.justifyEnd { justify-content: flex-end; }

.alignItemsCenter { align-items: center; }

.flexWidth { flex: 1; }

.m-2 { margin: 10px; }

.mt-2 { margin-top: 10px; }

.ml-2 { margin-left: 10px; }

.mr-2 { margin-right: 10px; }

.mb-2 { margin-bottom: 10px; }

.p-2 { padding: 10px; }

.pr-2 { padding-left: 10px; }

.pl-2 { padding-left: 10px; }

.pb-2 { padding-bottom: 10px; }

#wioaSeparator { display: none; }

@media (max-width: 924px) {
    .flexBoxAdapt { flex-direction: column; }

    #wioaSeparator{ display: inline-block; }
}


