@import url("https://fonts.googleapis.com/css?family=Space+Grotesk:300,500");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,500");
@import url("https://fonts.googleapis.com/css?family=Silkscreen:400,700");
@import url("https://fonts.googleapis.com/css?family=Archivo:400,700");
* {
  margin: 0;
  padding: 0;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font: 27px/37px 'Work Sans', sans-serif;
  font-weight:400;
  color: #333;
  background: transparent;

}

.half-left {
  padding: 3%;
  width:50%;
  height:100%;
  position:relative;
  display:inline-block;
  background: #fff;

}

.half-right {
  padding: 3%;
  width:50%;
  height:100%;
  position:relative;
  float:right;
  display:inline-block;
}

.accordion{
	transform: translateZ(0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  background: #fff;
}

.accordion > .accordion-toggle{
	position: absolute;
	opacity: 0.5;
	display: none;
}

.accordion > label{
	position: relative;
	display: block;
	height: 66px;
	line-height: 37px;
	padding: 0.5rem 0;
	vertical-align:center;
	font-weight: 400;
	text-transform:none;
	border-top: 1px solid #333;
	background: #fff;
	cursor: pointer;
}

.accordion > label:after {
  content: '+';
  position: absolute;
  top: .5rem;
  right: .2rem;
  font-family: 'Work Sans';
  transform: rotate(90deg);
  transition: .3s transform;
  font-weight:400;
  font-size:30px;
}

.accordion > section{
	height: 0;
	transition: .3s all;
	overflow: hidden;
}

.accordion > .accordion-toggle:checked ~ label:after{
 transform: rotate(180deg);
  content: '➜';
font-weight:400;
font-size:20px;
right:.3rem;
text-transform:lowercase;

}

.accordion > .accordion-toggle:checked ~ section{
  height: auto;
  padding-bottom:20px;
}

.accordion > section p {
  margin: .6rem 0 0px 0;
  padding: 0 1rem;
  line-height: 27px;
font-size:21px;
font-family:'
}


@media (max-width: 1200px) {

.accordion > label:after {letter-spacing:0;}
}
@media (max-width: 800px) {

.half-left {padding:10px;width:100%;height:auto;position:relative;float:left;}
.half-right {padding:10px;width:100%;height:auto;position:relative;float:left;}
}