.tabs {
      position: relative;   
      /*min-height: 200px;*/ /* This part sucks */
      height: 0px;
      clear: both;
      margin: 25px 0;
      margin-bottom:2px;
    }
    .tab {
      float: left;
      width: 49%;
    }
    .tab label {
      background: #a53e2f; 
      padding: 10px; 
      color: white;
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
      /*border-radius: 5px;*/
      /*z-index: 1000 !important;*/
      display: block;
      width: 99%;
      top: -10px;
      text-align: center;
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 28px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 0px;
      border: 1px solid #ccc; 
			/*overflow: auto;*/
		  height: 100%;
		  width: 100%
    }
    [type=radio]:checked ~ label {
      background: #ba5e50;
      border-bottom: 1px solid white;
      /*z-index: 200;*/
    }
    [type=radio]:checked ~ label ~ .content {
      /*z-index: 100;*/
			display: block;
			visibility: visible;
			opacity: 1;
    }
    [type=radio]:not(:checked) ~ label ~ .content {
      /*z-index: 100;*/
		 	display: none;
			visibility: hidden;
			opacity: 0;
    }