
/* Members */

.section-members {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-members .member-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  padding: 0 10px;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px)  {
  .section-members .member-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3%;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
  }
}
.section-members .member-item .thumb {
  width: 150px;
  height: 150px;
  background-position: center;
  background-size: cover;
  border-radius: 100%;
  border: 3px solid #2A2679;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px)  {
  .section-members .member-item .thumb {
    width: 110px;
    height: 110px;
  }
}
.section-members .member-item h4 {
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0 0 0;
  text-align: center;
}




/* 2- and 3-columns */

.section-2columns {
  padding: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-2columns:first-child {
  background: #cfe4f9;
}
.section-2columns .column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.section-2columns .column h2 {
  text-transform: uppercase;
  color: #2A2679;
  font-size: 25px;
}
.section-2columns .column li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px)  {
  .section-2columns .column {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 20px;
  }
}
.section-3columns {
  padding: 3em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-3columns:first-child {
  background: #cfe4f9;
}
.section-3columns .column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30.3%;
      -ms-flex: 0 0 30.3%;
          flex: 0 0 30.3%;
}
.section-3columns .column h2 {
  text-transform: uppercase;
  color: #2A2679;
  font-size: 25px;
}
.section-3columns .column li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px)  {
  .section-3columns .column {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 20px;
  }
}



