.tabs {
    display: flex;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
    height: 420px;
}

.tabs label {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    margin-right: 0.2rem;
    cursor: pointer;
    background-color: #0D1A78;
    font-weight: bold;
    color: white;
    transition: background ease 0.3s;
}

.tabs .tab {
    order: 9;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    display: none;
    padding: 1rem;
    background: #fff;
    padding: 20px;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked + label {
    background: #99D8D0;
}

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

@media (max-width: 465px) {
    .tabs .tab,
    .tabs label {
        order: initial;
    }

    .tabs label {
        width: 100%;
        margin-left: 50px;
    }
}

/*body {*/
/*  background: pink;*/
/*  min-height: 100vh;*/
/*  box-sizing: border-box;*/
/*  padding-top: 10vh;*/
/*  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
/*  font-weight: 300;*/
/*  line-height: 1.5;*/
/*  max-width: 60rem;*/
/*  margin: 0 auto;*/
/*  font-size: 110%;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/