/* 
* Typography
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/*
* Color Variables
*/
/*
* Animation Variables
*/
/* 
* Global
*/
*,
*:before,
*:after {
  box-sizing: border-box; }

/* 
* Base
*/
body {
  font-family: 'Open Sans', sans-serif; }

/*
* Accordion
*/
/* Basic Accordion Styles */
.accordion {
  width: 100%;
  margin-bottom: 400px;
  /* Radio Inputs */
  /* Labels */
  /* Panel Content */ }
  .accordion input[name='panel'] {
    display: none; }
  .accordion label {
    font-family: 'Work Sans', sans-serif;
    font-size: 2em;
    font-weight: 200;
    position: relative;
    display: block;
    height: 200px;
    top: 145px;
    padding: 0em;
    color: #eee;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
    z-index: 2; }
    .accordion label:after {
      content: '+';
      position: absolute;
      right: -.3em;
      width: 1em;
      height: 1em;
      color: #eee;
      text-align: center;
      border-radius: 50%;
      /* adjsut line-height to vertically center icon */
      line-height: 1em; }
    .accordion label:hover {
      color: #00adef; }
  .accordion input:checked + label {
    color: #00adef; }
    .accordion input:checked + label:after {
      content: '-';
      /* adjsut line-height to vertically center icon */
      line-height: .8em;
      color: #eee; }
  .accordion .accordion__content {
    overflow: hidden;
    max-height: 0em;
    position: relative;
    color: #eee;
    transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); }
    .accordion .accordion__content .accordion__header {
      padding: 1em 0; }

input[name='panel']:checked ~ .accordion__content {
  /* Get this as close to what height you expect */
  max-height: 600em; }

@media (max-width: 1170px) {
  .accordion label {
    font-size: 2.5em;
    font-weight: 300;
    top: 100px; } }
/* max-width:1170px --------------------------------------- */