/* ----------------------------------------------------- */
/* STRUCTURE */
body {
   background-color: #fff;
   margin-top: 0px;
   margin-bottom: 20px;
	font-family: 'Asap';
}
body * {
	box-sizing: border-box;
}
#logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 20px;
}
.wrapper {
	max-width: 1500px;
	background-color: #fff;
	margin-left: auto;
   margin-right: auto;
}
header {
	width: 100%;
	margin-bottom: 20px;
}
#header-top {
	width: 100%;
	background-color: #111;
	padding: 20px 10px 20px 10px;
}
header ul {
	margin: 0px;
}
header li {
	color: #fff;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-right: 20px;
	display: inline-block;
}
#banner {
	width: 100%;
}
#banner img {
	width: 100%;
}
main {
	width: 100%;
	float: left;
	padding: 0px;
}
#description {
	margin-bottom: 25px;
}
#columns {
	float: left;
	width: 100%;
}
#left {
	float: left;
	width: 65%;
}
#right {
	float: right;
   width: 33%;
   background-color: #1491C6;
}
footer {
	width: 100%;
	padding: 20px;
	padding-top: 5px;
	clear: both;
	text-align: right
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* TYPOGRAPHY */
h1, h2 {
	color: #4B6C84;
	margin: 0px;
}
#right h1,
#right h2,
#right h3 {
   color: #fff;;
}
h1 {
   font-size: 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	font-family: 'Asap Condensed';
}
h2 {
	font-style: italic;
	font-size: 28px;
	margin-top: 25px;
	margin-bottom: 20px;
}
h3 {
   font-size: 18px;
   color: #555;
}
.box-content h3 {
   margin-bottom: 0px;
}
.box-content p.type {
   margin: 0px;
   color: #000;
}
p, li {
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 15px;
}
p.ingress {
	font-size: 20px;
	color: #1b2129;
}
.slogan {
	margin-top: 30px;
	margin-bottom: 30px;
	font-style: italic;
	font-size: 20px;
   color: #79247b;
}
#right p.ingress,
#right p.slogan {
	color: #fff;
}
.slogan,
.box p,
p.ingress {
	font-family: 'Asap Condensed';
}
li {
   line-height: 1.5em;
   margin-bottom: 5px;
}
a {
	color: #1567ac;
}
a:hover {
	color: #004e96;
}
#right a {
	color: #fff;
}
#right a:hover {
	color: #000;
}
#header-top a {
	color: #ccc;
   padding: 10px;
   display: block;
   font-size: 17px;
	text-decoration: none;
}
#header-top a:hover {
	color: #fff;
	text-decoration: underline;
}
.box h1, .box h2 {
   margin-top: 1px;
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* MISC */
.column-image {
	width: 100%;
	text-align: center;
}
.column-image img {
	max-width: 100%;
}


/* ----------------------------------------------------- */
/* SIDEBAR BOXES */
.box {
   padding: 20px;
   float: left;
   margin-top: 30px;
   width: 100%;
}
.box .box-content {
   float: left;
   width: 100%;
   margin-bottom: 20px;
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* HR */
hr {
   border: 0;
   margin: 1.35em auto;
   max-width: 100%;
   background-position: 50%;
   box-sizing: border-box;
}
.separator {
   border-width: 0 0 2px;
   color: rgb(165, 4, 178);
   border-image: linear-gradient(90deg, rgba(135, 206, 235, 0), rgb(165, 4, 178, 100), rgba(135, 206, 235, 0) 100%) 0 0 100%;
   border-style: solid;
}
/* ----------------------------------------------------- */


/* ----------------------------------------------------- */
/* MEDIA QUERIES */
@media screen and (max-width: 800px) {
	#left, #right {
		width: 100%;
		float: left;
		margin-bottom: 20px;
   }
   .column-image img {
      width: 100%;
   }
}
/* ----------------------------------------------------- */