.ma0 {
  margin: 0;
}

.mat30 {
  margin-top: 30px;
}

.pa0 {
  padding: 0;
}

.pat30 {
  padding-top: 30px;
}

.hightlight {
  color: #f8095c;
}

.section-title {
  text-align: center;
  color: #000000;
}
.section-title .expo-title-crumb {
  font-size: 20px;
}
.section-title .expo-title-main {
  font-size: 62px;
  letter-spacing: 2px;
}
.section-title .expo-title-sub {
  font-size: 24px;
  margin: 10px 0;
  line-height: 1.4em;
}
.section-title .expo-title-desc {
  text-align: center;
}

/*
0-600px Phone
600-900px Tablet portrait
900-1200px Tablet landscape
1200-1800 is our normal styles apply
1800px + Big desktop

$breakpoint argument choices:
- phone
- tab-port
- tab-land
- big-desktop
1em=16px

ORDER:base+typography > general layout + grid>page layout >components
*/
/* ----logo-wall---- */
#logo-wall {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  background-color: #fff;
}

#logo-wall .footerArea {
  /* position: relative; */
  background-color: #fff;
}

#logo-wall .logoWall-content {
  width: 90%;
  margin: 0 auto;
  padding-top: 5%;
  padding-bottom: 5%;
}

#logo-wall .logoWall-content > h2 {
  color: #f8095c;
  font-size: 46px;
  letter-spacing: 4px;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 768px) {
  #logo-wall .logoWall-content > h2 {
    font-size: 2.25em;
    letter-spacing: 1px;
  }
}

#logo-wall .logoWall-content .levelTtitle {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  padding-left: 10px;
  margin-top: 3em;
  margin-bottom: 20px;
  position: relative;
}
#logo-wall .logoWall-content .levelTtitle:before {
  content: "";
  background: #36a9e1;
  background: -moz-linear-gradient(left, #36a9e1 0%, #f8095c 100%);
  background: -webkit-linear-gradient(left, #36a9e1 0%, #f8095c 100%);
  background: linear-gradient(to right, #36a9e1 0%, #f8095c 100%);
  width: 80px;
  height: 5px;
  position: absolute;
  top: -15px;
  left: calc(50% - 40px);
}

#logo-wall .levelLine {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}

#logo-wall .levelGroup {
  text-align: center;
}

#logo-wall .levelGroup > h3 {
  display: inline-block;
}

#logo-wall .level,
.level > a {
  /* display: flex; */
  flex-direction: row;
  flex-wrap: wrap;
}

#logo-wall .logo-img {
  margin: 25px 0;
}

#logo-wall .logo-img > img {
  margin: 0 auto;
  cursor: pointer;
  max-width: 300px;
  width: 100%;
}

#logo-wall #levelMediaPartnerTtt img {
  cursor: default;
}

#logo-wall #level2 .logo-img,
#level2 a {
  /* flex: 0 1 300px; */
}

#logo-wall #level2-2 .logo-img,
#level2-2 a {
  /* flex: 0 1 260px; */
}

#logo-wall #level3 .logo-img,
#level3 a {
  /* flex: 0 1 240px; */
}

#logo-wall #level4 .logo-img,
#level4 a {
  /* flex: 0 2 220px; 
  margin: 15px 45px;*/
}

#logo-wall #level5 .logo-img,
#level5 a {
  /* flex: 0 2 200px; */
}

#logo-wall #level6 .logo-img,
#level6 a {
  /* flex: 0 2 180px; */
}

/*# sourceMappingURL=logo-wall.css.map */