/*---------------------------------------------------------------*/
/*---------------------- elements/header.css --------------------*/
/*---------------------------------------------------------------*/
header {
	background-color: #2E2756;
    display: flex;
    padding: 0.5rem 1rem;
    justify-content: flex-end;
    align-items: center;
}

header > nav a {
    color: #fff;
}

header > nav {
	display: flex;
}

header > nav a {
	text-decoration: none;
	margin-right: 1.5rem;
    font-family: 'opensans-regular', sans-serif;
    text-transform: uppercase;
	color: #fff;
	font-size: 1rem;
}

@media screen and (min-width: 40rem) {
    header > nav a.active {
        color: #d33e5f;
    }

    header > nav a.active:hover {
        color: #d33e5f;
    }

}