@charset "utf-8";
/* CSS Document */

.top-nav {
	margin: 0;
    padding: 0;
    display: flex;
}
.top-nav li {
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
}
.top-nav li a {
	transition: all 0.3s ease;
	color: white;
	text-decoration: none;
	font-size: 1.5em;
    font-family: 'Montserrat', sans-serif;
} 
.top-nav li a:hover {
    color: #DA168B;
}
.hamburger-button {
	display: none;
	flex-direction: column;
	justify-content: space-around;
	width: 8vw;
	height: 5vh;
	cursor: pointer;
	margin: 1vh auto;
}
.hamburger-button div {
	width: 100%;
	height: 1vw;
	background-color: white;
	border-radius: 0.8vh;
}
.hamburger-active div {
    background-color: #DA168B !important;
}
.responsive-nav {
	display: none;
	flex-direction: column;
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	top: 10vh;
	width: 100vw;
	list-style: none;
	padding: 2vh 0;
	z-index: 1000;
}
.responsive-nav li {
	margin: 2vh 0;
	text-align: center;
}
.responsive-nav li a {
	color: white;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 3vw;
}
@media (max-width:768px) {
.hamburger-button {
	display: flex;		
}
.top-nav{
	display: none;
}
}
@media (max-width:430px) {
	.responsive-nav {
	display: none;
	flex-direction: column;
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	top: 10vh;
	width: 100vw;
	list-style: none;
	padding: 2vh 0;
	z-index: 1000;
}
.responsive-nav li {
	margin: 2vh 0;
	text-align: center;
}
.responsive-nav li a {
	color: white;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
}
	.hamburger-button div {
	width: 100%;
	height: 1vw;
	background-color: white;
	border-radius: 2vh;
}
}