/* === STYLES === */

@import url('https://fonts.googleapis.com/css?family=Candal');

nav, footer {
	background: #3f2f56;
	padding: 20px;
	text-align: center;
}

nav {
	margin: 10px 0px;
	font-family: 'Candal', sans-serif;
	font-size: 22px;
	color: #A18CC0;
}

nav a:link {
	color: #A18CC0;
}

nav a:visited {
	color: #fff;
}

nav a:hover {
	color: #a15594;
	text-decoration: underline;
}

footer {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #A18CC0;
}

aside {
	font-family: verdana, sans-serif;
	font-size: 12px;
}

aside a:active {
	color: #000;
}

aside a:link {
	color: #a15594;
}

aside a:visited {
	color: #000;
}

aside a:hover {
	color: #000;
	text-decoration: underline;
}

article a:active {
	color: #fff;
}

article a:active {
	color: #000;
}

article a:link {
	color: #a15594;
}

article a:visited {
	color: #000;
}

article a:hover {
	color: #000;
	text-decoration: underline;
}

article a:active {
	color: #fff;
}

h1, h2, h3 {
	font-family: 'Candal', sans-serif;
	font-weight: normal;
}

article h1 {
	text-align: left;
	font-family: 'Candal', sans-serif;
	font-size: 36px;
	color: #a15594;
}

article p {
	font-size: 14px;
	text-align: left;
	font-family: verdana;
	margin-bottom: 16px;
	margin-top: 4px;
	line-height: 18px;
}

section {
	margin-bottom: 40px;
}


/* === Tablet size === */

@media only screen and (max-width: 768px) {

	header h1 {
		font-size: 36px;
	}

	header h2 {
		font-size: 22px;
	}
}

/* === Phone size === */

@media only screen and (max-width: 480px) {

	header h1 {
		font-size: 24px;
	}

	header h2 {
		font-size: 18px;
	}
}