body {
     /*Body Style*/
     font-family: "adso", sans-serif;
     font-weight: 300;
     font-style: normal;
     font-size: 1.3em;
     /*Background*/
     background-color: #F5F5F5;
}

h1 {
     /*Header Style*/
     font-family: "quara-web", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1.2em;
}

.header {
     /*Add Background Box*/
     background-color: #121111;
     width: 100%;
     height: 3em;
}

.title {
     /*Title Style*/
     font-family: "quara-web", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 1.2em;
     /*Title Colour*/
     color: #F5F5F5;
     /*Title Position*/
     position: relative;
     top: 25%;
     text-align: center;
}

/* Accordion Styles by Daniel Hansen*/
.main {
     padding: 6vw 20vw;
}
.accordion {
     border-bottom: 1px solid #bbb;
     .accordion-header {
          cursor: pointer;
          &:hover {
               color: #7e7373;
          }
          h3:after {
               content: '\002b';
               float: right;
               font-size: 1.4em;
               font-weight: 100;
          }
     }
     .accordion-panel {
          height: 0;
          overflow: hidden;
          transition: all 300ms;
     }
     &.open {
          .accordion-header {
               color: #7e7373;
               h3:after {
                    content: '\2013';
               }
          }
          .accordion-panel {
               height: auto;
               padding: 10px 0;
          }
     }
}