tabs{
			margin-top: 100px;
			line-height: 1;
		}



		.container{
			width: 99%;
			margin: 0 auto;
			
			
		}


@media screen and (min-width: 980px) {
		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			
		}
}

@media screen and (max-width: 979px) {
		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			text-align: center;
		}
}

@media screen and (min-width: 631px) {
		ul.tabs li{
			background: none;
			color: #4d8594;
			display: inline-block;
			padding: 11px 15px;
			cursor: pointer;
			border-top: #fff9f1 6px solid;
			background-color: #f7f2e9;
		}
}



@media screen and (max-width: 630px) {
		ul.tabs li{
			background: none;
			color: #4d8594;
			display: inline-block;
			padding: 11px 14px;
			cursor: pointer;
			border-top: #fff9f1 6px solid;
			background-color: #f7f2e9;
		}
}


ul.tabs li:hover {
	background: #4d8594;
	color: white;
	cursor: pointer;
}

		ul.tabs li.current{
			border-top: #fff9f1 4px solid;
			background: #D8A643;
			color: #ffffff;
		}



		.tab-content{
			display: none;
			background: #f7f2e9;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}