.tab-wrapper{
	text-align: center;
	display: block;
	max-width:100%;
}

.tabs{
	margin: 0;
	padding: 0;
	display: flex;	
	margin-bottom:-1px;
}

.tab-link{
	margin-right:1%;
	list-style: none;
	padding: 10px 40px;
	color: #333;
	cursor: pointer;
	font-weight: bold;
	transition: all ease 0.5s;
	border: solid 1px #e1e1e1;
	letter-spacing: 1px;}

.tab-link:hover{
	color: #999;
	border-color: #999}

.tab-link.active{
	color: #fff;
	border-color: #e1e1e1;
	background:#1f3888;
	}

.content-wrapper{
	padding:10px;
	border:1px solid #e1e1e1;
	margin-bottom:10px
	}
	

.tab-content{
	display: none;
	color: #333;
	font-weight: 300;
	transform: translateY(15px);
	animation: fadeIn 0.5s ease 1 forwards;
	}

.tab-content.active{
	display: block
	}
	
	@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
		
.tabs{
	margin: 0;
	padding: 0;
	display: inline-block;
	justify-content: center;	
	margin-bottom:-1px;
	width:100%;
}

.tab-link{
	list-style: none;
	padding: 10px;
	color: #aaa;
	cursor: pointer;
	font-weight: 400;
	margin:0;
	transition: all ease 0.5s;
	border: solid 1px #e1e1e1;
	margin-bottom:1%;
	letter-spacing: 1px;
	
	}
	
	.tab-link.active{
	color: #333;
	border-color: #FF3300;
	background:#CCC;
	}
		
		}