.flex-views {
display: -ms-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
-webkit-align-items: inherit;
flex-direction: row;
-webkit-align-items: inherit;
margin-bottom: 3px;
}
.flex-views-center {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-align-items: inherit;
    flex-direction: row;
    -webkit-align-items: inherit;
    margin-bottom: 3px;
}
.flex-views-2 {
position: relative;
flex: 0 0 calc(50% - 10px);
min-width: 0;
text-align: left;
vertical-align: top;
margin-bottom: 16px;
}
.flex-views-3 {
position: relative;
flex: 0 0 calc(33% - 10px);
text-align: left;
vertical-align: top;
margin-bottom: 10px;
}
.flex-views-4 {
position: relative;
flex: 0 0 calc(25% - 10px);
text-align: left;
vertical-align: top;
margin-bottom: 10px;
}
.flex-views-6 {
    position: relative;
    flex: 0 0 calc(16.6666%);
    vertical-align: middle;
    margin-bottom: 10px;
    text-align: center;
    border-right: #333 1px solid;
    background: #1d1d1d;
    height: 60px;
}
.flex-views-6:hover {
    background: #000;
}
.flex-views-6 a {
    color: #fff;
    display: block;
    letter-spacing: 0.5px;
    font-weight: 600;
    width: 100%;
    height: 60px;
    line-height: 60px;
}
.flex-views-6  a:visited {
  color: #fff;
}
.flex-editors {
display: -ms-flex;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
width: 80%;
justify-content: space-between;
-webkit-align-items: inherit;
flex-direction: row;
-webkit-align-items: inherit;
margin: 5px auto;
}
.flex-views-editors {
    flex: 0 0 calc(33.33% - 10px);
    text-align: center;
    vertical-align: top;
    border: solid 1px #ddd;
    padding: 8px;
    margin: 5px;
    line-height: 1.25;
}
.editors-page .view-block-header-empty {
    width: 80%;
    margin: 15px auto;
}
.rubrics-general .element-container-wrapper {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-align-items: inherit;
    flex-direction: row;
    -webkit-align-items: inherit;
    margin-bottom: 3px;
}
.field-formatter-colorbox figure {
    padding: 10px;
    flex: 0 0 calc(33.333% - 10px);
    margin: 10px 5px;
    text-align: left;
    background-color: white;
    vertical-align: top;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.views-responsive-grid .views-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
}
.views-responsive-grid .views-column {
   // adjust as needed
    margin: 1rem;
}