@charset "UTF-8";

body {
	margin: 0;
    padding-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
.page-header {
	text-align: left;
	color: #17137C;
}
.title {
	text-align: center;
	color: #2A2933;
}
.site-header {
    text-align: center;
    color: #17137C;
    font-size: xx-large;
}
.main-navigation   {
	font-size: 22px;
	font-weight: 800;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.main-navigation ul {
	margin: 0;
}
.main-navigation ul li {
	display: inline-block;
}
.main-navigation ul li a {
    padding: 17px 47px;
    text-decoration: none;
    display: inline-block;
    color: #17137C;
}
.main-navigation ul li a:hover {
	text-decoration: underline;
}
main {
	background-attachment: scroll;
    background-image: url("images/sigil_background.jpg");
    background-repeat: no-repeat;
    background-position: center top;
	padding-left: 50px;
	padding-right: 50px;
}
.content-container {
	padding-top: 200px;
	padding-bottom: 300px;
	padding-left: 50px;
	padding-right: 50px;
}
main a {
    font-size: 20px;
    font-weight: 800;
    color: #E900D5;
}	
.site-footer {
	font-size: 16px;
	text-align: center;
	color: #17137C;
	line-height: 1;
}

@media (max-width:375px){

	.header-container .page-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-container .page-title h2 {
		font-size: 2.5em;
	}
	.site-header {
    text-align: center;
    color: #17137C;
    font-size: large;
	}
	.main-navigation   {
	font-size: 10px;
	}
	.main-navigation ul li a {
	padding: none;
	}
	.content-container {
	padding-top: 50px;
	padding-bottom: 100px;
	}
	main {
		background-size: cover;
	}
	main a {
	font-size: 10px;
	}
	.site-footer {
	padding-top: 100px;
	padding-bottom: 0px;
	font-size: 10px;
	}
}

@media (max-width:414px){
	body {
		background-size: cover; 
	}
	.header-container .page-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-container .page-title h2 {
		font-size: 2.5em;
	}
	.site-header {
    text-align: center;
    color: #17137C;
    font-size: large;
	}
	.main-navigation   {
	font-size: 10px;
	}
	.main-navigation ul li a {
	padding: none;
	}
	.content-container {
	padding-top: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	padding-right: 50px;
	}
	main a {
	font-size: 10px;
	}
	.site-footer {
	padding-top: 100px;
	padding-bottom: 0px;
	font-size: 10px;
	}
}

@media (max-width:1024px){
	body {
		background-size: cover; 
	}
	.header-container .page-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-container .page-title h2 {
		font-size: 2.5em;
	}
	.site-header {
    text-align: center;
    color: #17137C;
    font-size: large;
	}
	.main-navigation   {
	font-size: 15px;
	}
	.main-navigation ul li a {
	padding: none;
	}
	.content-container {
	padding-top: 100px;
	padding-bottom: 200px;
	padding-left: 50px;
	padding-right: 50px;
	}
	main a {
	font-size: 15px;
	}
	.site-footer {
	padding-top: 300px;
	padding-bottom: 0px;
	font-size: 12px;
	}
}

@media (max-width:1366px){
	body {
		background-size: cover; 
	}
	.header-container .page-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	.header-container .page-title h2 {
		font-size: 2.5em;
	}
	.site-header {
    text-align: center;
    color: #17137C;
    font-size: x-large;
	}
	.main-navigation   {
	font-size: 16px;
	}
	.main-navigation ul li a {
	padding: none;
	}
	.content-container {
	padding-top: 100px;
	padding-bottom: 300px;
	padding-left: 50px;
	padding-right: 50px;
	}
	main a {
	font-size: 16px;
	}
	.site-footer {
	padding-top: 300px;
	padding-bottom: 0px;
	font-size: 15px;
	}
}