/* Target Tabs */

.tabs-target span:nth-of-type(1):not(:target) ~ span:nth-of-type(2):not(:target) ~ span:nth-of-type(3):not(:target) ~ span:nth-of-type(4):not(:target) ~ span:nth-of-type(5):not(:target) ~ span:nth-of-type(6):not(:target) ~ span:nth-of-type(7):not(:target) ~ span:nth-of-type(8):not(:target) ~ span:nth-of-type(9):not(:target) ~ span:nth-of-type(10):not(:target) ~ span:nth-of-type(11):not(:target) ~ span:nth-of-type(12):not(:target) ~ .tab:nth-of-type(1),
 .tabs-target span:nth-of-type(12):target ~ .tab:nth-of-type(1),
 .tabs-target span:nth-of-type(11):target ~ .tab:nth-of-type(2),
 .tabs-target span:nth-of-type(10):target ~ .tab:nth-of-type(3),
 .tabs-target span:nth-of-type(9):target ~ .tab:nth-of-type(4),
 .tabs-target span:nth-of-type(8):target ~ .tab:nth-of-type(5),
 .tabs-target span:nth-of-type(7):target ~ .tab:nth-of-type(6),
 .tabs-target span:nth-of-type(6):target ~ .tab:nth-of-type(7),
 .tabs-target span:nth-of-type(5):target ~ .tab:nth-of-type(8),
 .tabs-target span:nth-of-type(4):target ~ .tab:nth-of-type(9),
 .tabs-target span:nth-of-type(3):target ~ .tab:nth-of-type(10),
 .tabs-target span:nth-of-type(2):target ~ .tab:nth-of-type(11),
 .tabs-target span:nth-of-type(1):target ~ .tab:nth-of-type(12)

{
  display: block;
}

.tab-area {
  margin: 2%;
}

input { 
  display: none;
}

.tab-link {
}

.tab {
  display: none;
}

.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}


@media only screen and (max-width: 1150px) {

  .tab-area {
  }

}

@media only screen and (max-width: 300px) {

  .tab-area {
    width: 100%;
    float: left;
  }

}