#container{
	margin: 3em auto;
	width: 90%;
}

#container fieldset {
	border:0;
}

#container ul{
	list-style: none;
	list-style-position: outside;
	border:none;
	background:#FFFFFF;
}

#container ul.nav-tabs li{
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	font-size:1.1em;
	text-transform:uppercase;
	float: left;
	display: block;
	background-color:#FFF;
	margin-right:4px;
	position: relative;
	color: #898989;
	cursor: pointer;
	padding:0px;
}

#container ul.nav-tabs li:hover a {
	color:#6E6658
}

#container ul.nav-tabs li a, #container ul.nav-tabs li a:active{
	border:none;
}

#container ul.nav-tabs li a {
	padding:20px;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius:  8px 8px 0px 0px;
	-webkit-border-radius:  8px 8px 0px 0px;
}

#container .fade 
 {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

.tab-content {
	background:#FFF;
	padding:10px;
	border-top:3px solid #E5E5E5;
}

@media (max-width: 1600px), 
       (min-resolution: 192dpi) and (max-width: 1600px), 
       (min-resolution: 2dppx) and (max-width: 1600px) {


#container{
	width: 100%;
}

#mainContent > h2 {
	margin-left:20px;
}

	   }