/**
 * Tabs
 */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  width: 100%;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: block;
  padding: 15px;
  cursor: pointer;
  border: 2px solid #ededec;
  font-weight: bold;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
  color:#231f20;
 font-family: 'Ubuntu', sans-serif;
 font-size: 0.9em;
 text-decoration: none;
 width: 16.66%;
 text-align: center;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: none;
  padding: 0;
  background: #fff;
  margin: 20px 0 0 0; text-decoration: none;
}

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

.tabs input[type="radio"]:checked + label {
  background: #d92128;
  color:#fff;
   border: 2px solid #d92128; text-decoration: none;

}

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

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    -webkit-box-ordinal-group: NaN;
        -ms-flex-order: initial;
            order: initial; text-decoration: none;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem; text-decoration: none;
  }
}