body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;

	display: flex;
	flex-direction: column;
	align-items: center;
}

.tabs_one {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 90%;
	height: 350px;
}

.tabs_two	{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 90%;
	height: 350px;
}

.control {
	 display: flex;
	 flex-direction: row;
 }

.control_alt {
	display: flex;
	flex-direction: column;
	list-style: none outside none;
	margin-right: 2em;
}

.control-back,
.control-text {
	background: #C09F5E;
	list-style: none;
}

.control-back:hover,
.control-text:hover {
	background: #AA7757;
}

.control-back.active,
.control-text.active {
	background: #C25B36;
}

.control-link-back {
	height: 50px;
	padding: 0 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	font-weight: 600;
}

.control-link-text {
	white-space: pre;
	height: 50px;
	padding: 0 3em;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	font-weight: 600;
}

.list-back,
.list-text{
	padding: 0;
}

.list-back-item {
	 display: none;
	 list-style: none;
	 border: 3px dotted rgba(169, 169, 169, 0.27);
	 padding: 1em;
 }

.list-text-item {
	box-sizing: border-box;
	min-height: 200px;
	display: none;
	list-style: none;
	border: 3px dotted rgba(169, 169, 169, 0.27);
	padding: 1em;
}


.list-back .active,
.list-text .active{
	display: block;
}

.back {
	align-self: flex-start;
	margin: 1em 5em;
	text-transform: uppercase;
	color: #C09F5E;
	font-weight: 600;
	text-decoration: none;
}

.back:hover {
	color: #AA7757;
}