.tabs{
  width: 100%;
  display: flex;
  flex-flow: column;
}

.tabs .mje-top,
.tabs .top{
  width: 100%;
  border-bottom: 1px solid var(--black);
  display: flex;
  padding: 0 40px;
}

.tabs .mje-top nav,
.tabs .top nav{
  width: 100%;
  max-width: 1325px;
  padding: 0 40px;
  display: flex;
  margin: 0 auto;
}

.tabs .mje-top nav a,
.tabs .top nav a{
  color: #484848;
  padding: 25px 0;
  font-size: 24px;
  font-weight: 400;
  margin-right: 50px;
}

.tabs .mje-top nav a.selected,
.tabs .top nav a.selected{
  color: var(--black);
  border-bottom: 4px solid var(--black);
  font-weight: 600;
}

.tabs .mje-content,
.tabs .content{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.tabs .mje-content .mje-info,
.tabs .content .info {
  width: 100%;
  /* max-width: 1325px; */
  margin: auto;
  display: none;
  padding: 25px 0;
}

.tabs .mje-content .mje-info {
  padding-top: 0;
}

.tabs .mje-content .mje-info.selected,
.tabs .content .info.selected{
  display: inherit;
}

@media (max-width: 500px) {
  .tabs .mje-top nav a,
  .tabs .top nav a{
    margin-right: 30px;
  }

  .tabs .mje-top,
  .tabs .top {
    padding: 0 20px;
  }
}