/* -----------------------------Header----------------------------- */
header {
	min-height: 100vh;
	padding: 1% 1%;
	background-color: var(--color-primary); /* primary */
	width: 100vw;
}
header .logo {
	color: var(--color-secondary); /* secondary */
	transition: all 0.4s ease-in-out;
}
header .logo:hover {
	color: #fff;
}
header .logo:hover #logo-img {
	background-color: #fff;
}
header #logo-img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 7rem;
	height: 7rem;
	border: 2px solid red;
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}
header .navbar a {
	text-decoration: none;
}
/* -----------------------------Navbar----------------------------- */
.navbar {
	width: 100%;
}
.navbar-nav{
	width: 100%;
}
.navbar .wrapper {
	width: 100%;
}
.collapse {
	width: 100%;
}
.collapse ul {
	width: 100%;
}
.collapse li {
	width: 100%;
}
.collapse li a {
	width: 100%;
	text-align: center;
}
/* -----------------------------Navbar Menu----------------------------- */
.nav-link,
.nav-link:visited,
.nav-link:link,
.nav-link:active {
	color: var(--color-tertiary); /* tertiary */
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	letter-spacing: 0.05rem;
	word-spacing: 0.02rem;
	transition: 0.2s ease-in;
}
.nav-link:hover {
	color: var(--color-secondary); /* secondary */
}
/* -----------------------------Animation Modal----------------------------- */
#myModal {
	display: none;
}