*, *:before, *:after {
	box-sizing: border-box;
}
.accordion {
	width: 100%;
	position: absolute;
	right: 0%;
	bottom: 0;
	/*top: 5%;*/
	font-family: 'Panton', sans-serif;
	max-width: 25%;
}
.accordion-item {
	position: relative;
}
.accordion-item .content p.active, .accordion-item .content li.active {
	color: #00a5db;
}
.accordion-item .content a {
	color: #8d98a3;
}
.accordion-item .content a:hover, .accordion-item .content p:hover, .accordion-item .content li:hover {
	color: #00a5db;
	cursor: pointer;
}
.accordion-item .content {
	font-size: 1.4vw;
	line-height: 1.5;
	color: #8d98a3;
}
.accordion-item .content p {
	margin-top: 0;
	padding-left: 1.5vw;
	text-indent: -1.5vw;
}
.links {
	width: 100%;
	position: relative;
	right: 285%;
	bottom: 5%;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 599px) {
.accordion-item .content {
	padding: 0 0 2rem .8rem;
}
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 991px) and (min-width: 600px) {
.accordion-item .content {
	padding: 0 0 2.3rem 1rem;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.accordion-item .content {
	padding: 0 0 3.5rem 1.6rem;
}
}	
@media (min-width: 1200px) {
.accordion-item .content {
	padding: 0 0 5.5rem 1.6rem;
}
}	
@media (min-width: 1400px) {
.accordion-item .content {
	padding: 0 0 6.5rem 1.6rem;
}
}
@media (min-width: 1600px) {
.accordion-item .content {
	padding: 0 0 7.5rem 1.6rem;
}
}
.closebox {
	position: absolute;
	right: 0;
	top: 5%;
	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;
}