.tabs { 
  max-width: 1200px;
  position: relative;
}
.tabs > input {
	position: absolute;
	left: -9999px;
}
.tabs > label {
    font-family: 'Nunito' !important;
    /*width: 46.9%;*/
    background-color: #ff5400;
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    border: 0;
    outline: none;
    cursor: pointer;
    transition: all .3s ease;
    margin: 0 1px 4px 0;
    border-radius: 4px;
    opacity: 0.5;
    text-align: center;
    font-size: 13px;
}
.tabs > input:checked + label {
	background-color: #24b24b;
	color: #fff;
  cursor: default;
  margin-bottom: 0;
	opacity: 1;
}
.tabs > ul {
	list-style: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 14px;
}
.tabs > ul > li {
  display: none;
	width: 100%;
    padding: 4px 0;
	opacity: 0;
	transition: all .5s ease;
  -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tabs > .tab_content_1:checked ~ ul .tab_content_1,
.tabs > .tab_content_2:checked ~ ul .tab_content_2 {
  font-family: 'Nunito' !important;
	display: block;
	opacity: 1;
}
@media screen and (max-width: 800px) {
	.tabs > label {
		margin-right: 0;
		width: 49.2%;
	}
  .tabs > input:checked + label {
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 8px;
  }
  .tabs > ul > li {
    border-radius: 4px;
  }
}