.header{
	/* background-color: #2B2E4A; */
	padding: 0;
}

/* ===== website logo style ===== */
.logo{
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.logo img {
	width: 300px;
	height: 100px;
	display: block;
	margin: 0 auto;
}

/* ===== navigation style ===== */
.nav{
	width: 100%;
	padding: 10px 0;
	text-align: center;
}

.nav ul{
	padding: 0;
	margin: 0;
}
.nav li {
	text-decoration: none;
	display: inline;
	margin: 25px;
}

.nav a {
	transition: all 0.25s;
	color: #B44860;
	font-size: 26px;
	border: 2px solid #903749;
	border-radius: 100px;
	padding: 0 10px 0 10px;
}

/* Set the hover style of the navigation */
.nav a:hover{
	color: #E84545;
	border-color: #E84545;
}