body {
  width: 880px;
  margin: auto;
  background: #f4f3f5;
  font-family: Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tabs img {
  height: 40px;
}
.tabs>div img {
  height: 32px;
}
.tabs {
  position: relative;
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 5px 0;
}
.tab {
  float: right;
}
.tab label {
  /*background: #eee;*/
  /*background: #f4f3f5;*/
  /*padding: 10px;*/
  /*border: 1px solid #ccc;*/
  /*margin-left: -1px;*/
  position: relative;
  /*margin: 0 0 0 20px;*/
  left: 5px;
  font-size: 22px;
  /*line-height: 20px;*/
  text-align: center;
  text-transform: uppercase;
  color: #535756;
  font-weight: bolder;
  transition: all .35s ease;
}
.tab label:hover {
  color: #ed1b2f;
  transition: opacity .35s ease;
}
.tab [type=radio] {
  display: none;
}
.content {
  position: absolute;
  top: 40px;
  left: 0;
  min-height: 450px;
  /*background: white;*/
  right: 0;
  bottom: 0;
  padding: 20px;
  background: #f4f3f5;
  /*border: 1px solid #ccc;*/
}
.content h2 {
  margin-top: 0;
  font-weight: 400;
  font-size: 35px;
  line-height: 140%;
}
.content h3 {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 140%;
  font-weight: 400;
  color: #535756;
  text-align: left;
}
.content p {
  font-weight: 300;
  font-size: 18px;
  line-height: 140%;
  color: #535756;
}
[type=radio]:checked ~ label {
  /*background: white;*/
  display: none;
  /*border-bottom: 1px solid white;*/
  /*z-index: 2;*/
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}