@charset "UTF-8";

body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    background-color: lightgray
}
.header-container {
	padding-top: 0px;
	padding-bottom: 50px;
}
.page-header {
	text-align: left;
	color: #17137C;
}
.page-title {
	text-align: center;
	color: #2A2933;
}
.content-container {
	padding-top: 20px;
	padding-bottom: 300px;
	font-size: 18px;
}
.site-footer {
	padding-top: 500px;
	padding-bottom: 0px;
	font-size: 16px;
	text-align: center;
	color: #17137C;
	line-height: 1;
}
body {
}

@media (max-width:375px){
	.header-container {
	padding-top: 0px;
	padding-bottom: 10px;
	}
	.header-container .page-title h2 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-container {
	padding-top: 20px;
	padding-bottom: 50px;
	}
	.site-footer {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	}
}

@media (max-width:414px){
	.header-container {
	padding-top: 0px;
	padding-bottom: 10px;
	}
	.header-container .page-title h2 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-container {
	padding-top: 20px;
	padding-bottom: 50px;
	}
	.site-footer {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 14px;
	}
}

@media (min-width:1024px){
	.header-container {
	padding-top: 0px;
	padding-bottom: 10px;
	}
	.header-container .page-title h2 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.content-container {
	padding-top: 20px;
	padding-bottom: 50px;
	}
	.site-footer {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	}
}

@media (max-width:1366px){
}