.topnav {
    background:url(../siteart/nav_background.png);
    overflow: hidden;
	background-repeat:no-repeat;
	width: 100%;
	padding-left: 20%;
	
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 8px 30px;
    text-decoration: none;
    font-size: 17px;
	border-right:#000 2px solid;
	font-weight:bolder;
	font-family: 'Titillium Web', sans-serif;
}


/* Change the color of links on hover */
 .topnav a:hover {
    background-color: #F38F00;
    color: black;
	transition: all	 .5s ease;
	transition-property:all;
	transition-duration: .5s;
	transition-timing-function:ease;
	transition-delay: 0s;

}

/* Hide the link that should open and close the topnav on small screens */
 .topnav .icon {
    display: none;
} 

@media screen and (max-width: 1500px) {
	.topnav {padding-left:7% !important;}
	
}
@media screen and (max-width: 1300px) {
	.topnav {padding-left:0% !important;}
	.topnav a {padding: 8px 22px;}
}
@media screen and (max-width: 1200px) {
	.topnav {padding-left:0% !important;}
	.topnav a {padding: 8px 18px;font-size:15.5px;}
	
}
@media screen and (max-width: 1000px) {
	.topnav {padding-left:0% !important;}
	.topnav a {padding: 8px 12px;}
	
}
@media screen and (max-width: 900px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	margin-right:90px;
  }
  .topnav.responsive {position: relative; z-index: 9999; background:#ddd; }
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav {padding-left:0%;}
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative; }
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
} 
@media screen and (max-width: 500px) {
  .topnav.responsive {position: relative; width:100%;}
}