@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
body {
   font-family: 'Open Sans', sans-serif;
   background-color: #C2EABA;
   padding-top: 50px;
   line-height: 1.4;
   font-size: 1.4em;
}
*/
.tabs {
	clear: both;
	position: relative;   
   max-width: 100%;
   margin: 0 auto;
   /* you can either manually set a min-height here or do it via JS ---> */
}

.tab {
	float: left;
}

.tab label {
	margin-right: 20px;
	position: relative;
	top: 0; border:solid 1px; border-color:#006699; min-width:100px; text-align:center;
	cursor: pointer;
	color: #006699;
   text-transform: uppercase;
}

.tab [type=radio] {
	display: none;   
}

.tab__content {
   position: relative;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity .2s cubic-bezier(.42,0,.34,1.01);
	opacity: 0;
}

[type=radio]:checked ~ label {
	border-bottom: 2px solid #1d1d1d;
	color: #1d1d1d;
	z-index: 2;
}

[type=radio]:checked ~ label ~ .tab__content {
	z-index: 1;
	opacity: 1;
}