.data {
  grid-template-columns: repeat(2, 1fr);
  grid-gap:20px;
}
.analyses {
  grid-template-columns: repeat(2, 1fr);
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
}
.tabs input[type="radio"] {
    display: none;
}
.tabs label {
    padding: 20px;
    background: #bddff9;
    font-weight: bold;
    cursor: pointer;
}

.tabs .tab {
    width: 100%;
    padding: 20px;
    background: #fff;
    order: 1;
    display: none;
}
.tabs .tab h2 {
    font-size: 3em;
}

.tabs input[type='radio']:checked + label + .tab {
    display: block;
}

.tabs input[type="radio"]:checked + label {
    background: #cdefff;
    cursor: pointer;
}

@media screen and (max-width: 1320px) {
.data {
  grid-template-columns: 1fr;
}
.analyses {
  grid-template-columns: 1fr;
}

}