@import "../../common/css/reset.css";
@import "../../common/css/core.css";
@import "../../common/css/content.css";
@import "../../common/css/media_query.css";
@import "../../common/css/media_query_inside.css";
@import "../../common/css/print.css";

header #top-nav a#site-logo{
	flex: 0 1 180px;
	min-width: 180px;
}
header .main-nav-wrap .main-nav > li > a{
	padding:5px 10px;
}
header .main-nav-wrap .main-nav{
	justify-content: space-between;
}

@media screen and (min-width: 1600px){
header .quicklinks-nav > ul{
	max-width:1400px;
}
}

@media screen and (min-width: 1280px) and (max-width: 1599px){
header .quicklinks-nav > ul{
	max-width:1050px;
}	
}

@media screen and (min-width: 1280px){
header #top-nav{
	background-image:url(../images/main-vis-bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
}

@media screen and (max-width: 980px){
header #top-nav a#site-logo{
	background-image:url(../images/Logo-TD-Mobile.svg);
}
}

@media screen and (max-width: 767px){
header #top-nav a#site-logo{
	flex: 0 1 110px;
	min-width: 110px;
}
}