header {
	height: 60px;
	width: 100%;
	position: fixed;
	z-index: 10;
	background-color: #120b29;
	border-bottom: 2px solid plum;

	display: flex;
	align-items: center;
	justify-content: center;

	background-image: url("../img/zodiac-white-faded.png");
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.ghost-nav {
	height: 62px;
	width: 100%;
	background-color: #120b29;
}

nav {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 2px;
}

nav > div {
	background-color: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.button-nav {
	background-color: none;
	color: khaki;
	font-family: 'Pacifico', cursive;
	font-size: 20px;
	font-weight: normal;
	transition: ease all 0.1s;
	padding: 5px;
	display: flex;
	border-radius: 20px;
	align-items: center;
}

.button-nav:hover {
	font-size: 25px;
	background-color: plum;
	color: white;
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
	.button-nav {
		font-size: 15px;
	}
	.button-nav:hover {
		font-size: 16px;
		background-color: plum;
		color: white;
		cursor: pointer;
	}

	header {
		background-size: contain;
	}
}