@charset "utf-8";


  .topnav.responsive {position: relative;}
	
  .topnav.responsive a.icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav.responsive {
    position: absolute;
    left: 0;
    top: 0;
	background-color:rgba(0, 0, 0, 0.35);
	}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
  .topnav a {display: none;}
  
  .topnav a.icon {
	position: absolute;
    left: 0;
    top: 0;
    display: block;
	background-color:rgba(0, 0, 0, 0.35);
  }
}

/* Add a black background color to the top navigation */
.topnav {
	background-color:rgba(0, 0, 0, 0.35);
    overflow: hidden;
	position: absolute;
    left: 0;
    top: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: none;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
	font-family:Raleway, sans serif, century gothic, verdana, arial, helvetica;
	font-weight: bold;
	font-size:16px;
}

/* Change the color of links on hover */
.topnav div div a:hover {
    background-color: #777;
    color: white;
}
.topnav div a:hover {
    background-color: #777;
    color: white;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

img { border:none; }
ul,li { list-style:none; }


/* Change the color of links on hover */
.topnav a:hover {
    background-color:rgba(0, 0, 0, 0.35);
    color: white;
}

/* Add an active class to highlight the current page */
.active {
	background-color:rgba(0, 0, 0, 0.35);
    color: white;
	font-size:50px;
}