*, *:before, *:after {
	box-sizing: border-box;
}
.accordion {
	width: 100%;
	position: absolute;
	right: 0%;
	top: 2%;
	font-family: 'Lato', sans-serif;
	max-width: 19%;
}
.accordion-item {
	position: relative;
}
.accordion-item .content p.active, .accordion-item .content li.active {
	color: #008ddc;
}
.accordion-item .content a {
	color: #ffffff;
}
.accordion-item .content a:hover, .accordion-item .content p:hover, .accordion-item .content li:hover {
	color: #008ddc;
	cursor: pointer;
}
.accordion-item .content {
	font-size: 1.4vw;
	line-height: 1.7;
	color: #ffffff;
}
.accordion-item .content p {
	margin-top: 0;
	padding-left: 1.5vw;
	text-indent: -1.5vw;
}
.links {
	width: 100%;
	position: absolute;
	right: 285%;
	top: 230%;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 599px) {
.accordion-item .content {
	padding: 0.3rem 0 0.1rem .4rem;
}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 991px) and (min-width: 600px) {
.accordion-item .content {
	padding: 0.3rem 0 0.3rem 1rem;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.accordion-item .content {
	padding: 0.3rem 0 0.3rem 1.6rem;
}
}
.closebox {
	position: absolute;
	right: 0;
	top: 2%;
	width: 100%;
	max-width: 10%;
}
.closebox img {
	width: 35%;
	height: 35%;
	margin-left: -5%;
	float: left;
}
.closebox img:last-of-type {
	display: none;
}
.closebox:hover img:first-of-type {
	display: none;
	cursor: pointer;
}
.closebox:hover img:last-of-type {
	display: inline-block;
	cursor: pointer;
}