/*
   ===============================
   FLEX stuff
   SRB 12/4/20
   ===============================
*/


.flex-container {
   padding: 0;
   margin: 0;
   list-style: none;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   -webkit-flex-flow: row wrap;
   justify-content: flex-start;
}

.flex-item {
   padding-right: 10px;
   width: 33.3%;
   height: 100%;
   margin-top: 8px;
   /* color: white; */
}

.flex-item p {
   font-size: 14px;
}

.flex-item:first {
	padding-left: 10px;
}
/*
   ===========================================================
   F L E X   R E L A T E D   R E S P O N S I V E   S T U F F
   ===========================================================
*/


@media only screen and (max-width: 960px) {

   .flex-item {
      width: 50%;
   }
   
}


@media only screen and (max-width: 640px) {

   .flex-item {
      width: 100%;
   }
   
}