ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:auto;
	z-index: 2;
	width: 100%;
}

ul.tabs li {
	
}

.tab_last {

}

ul.tabs li:hover {
	
}

ul.tabs li.active {
    transition: 0.2s;
    background-color: #1a77e5;
    border: 1px solid #1a77e5;
}

.tab_container {
	position: absolute;
	right:0px;
	height: 100vh;
	top: 0px;
	bottom: 0px;
	margin:auto;
	border-top: none;
	clear: both;
	float: left;
	width: 60%;
	z-index: 3;
}

.tab_content {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom: 0px;
	margin:auto;
	margin: auto;
	bottom: 0px;
	width: 100%;
	display: none;
	height: 100vh;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 479px) {
	.tabs {

	}
	.tab_drawer_heading {
		text-align: center;
		font-family: 'SF Pro DisplayLight';
		font-size: 1.3em;
		color: #83794c;
		background-color: #fff;
		border: 1px solid #ccc;
		margin: 0;
		padding: 10px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #83794c;
		color: #fff;
		border: 1px solid #fff;
		background-image: url(../images/kat-arrow.svg);
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: auto 30%;
	}
}