html {font-size:20px;}
@media only screen and (max-width:415px) {
  html {font-size:18px;}
}
body {font-family: 'Montserrat', sans-serif;}
h3 {font-weight:700;}
p {font-size: 1rem;}
a {transition: all 0.2s ease;}
a.green {color:#00d3a0;}
a.purple {color: #2e216c;}

* { box-sizing: border-box; }

#top-banana {background-color:#2e216c;}
#main-header {background-color:#2e216c;color:white;text-align: center;padding: 70px 15px}
  #main-header h1 img {width:100%;height:auto;}
  @media only screen and (max-width:576px) {
    #main-header h1 img {width:60%;height:auto;}
    nav div {display:block;float:none;}
  }
  #main-header h1 {margin-bottom:30px;}

#intro-content {padding-top:35px;}
  #intro-content p {font-size:1.2rem;font-weight: 100;}
  nav {margin-top:40px;}
  nav div {margin:0 0 0; padding:0; float:none;text-align: left;font-weight:bold;font-size:1.4rem;width:48%;}
  @media only screen and (min-width:576px) {
    nav div {float:left;}
  }
  nav ul li {display: inline-block;}
  nav a {color:white;}
  nav a:hover {color:#00d3a0;text-decoration:none }
  nav a:after{display: block;
     content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke=' #2e216c' stroke-width='4' stroke-linecap='butt'/></svg>");
     width:55%;
     height:30px;
     margin:10px 0 20px;
     transition: all 0.2s ease;
  }
  nav a:hover:after{display: block;
     content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#00d3a0' stroke-width='4' stroke-linecap='butt'/></svg>");
     width:55%;
     height:30px;
     margin:10px 0 20px;
     transition: all 0.2s ease;
  }


#introduction {clear:both;background-color:#2e216c;color:white;padding:0 0 60px;}
  #introduction p {margin-top:0;margin-bottom:2rem;font-size:1rem;}

  @media only screen and (max-width:767px) { #introduction {padding-top:0;margin-top:0;}#introduction p {font-size:1rem;}
#introduction p:first-child{margin-top:0;}}

  #filter-nav {background-color: #00d3a0;color:white;padding:10px 0 10px;text-align: right;}
  #filter-nav ul {margin-bottom:0;}
  #filter-nav ul li.active {display: block;}
  #filter-nav ul li {display: none;margin:0 0 0; padding:0; list-style-type: none;text-align: right;font-weight:bold;font-size:1.4rem;}

#main-content {background-color: #f2f5f6;padding-top:20px;padding-bottom: 40px;}
  #main-content h2 {padding:20px 0;color: #2e216c;font-weight:bold;font-size:1.4rem;}
  #main-content h2::after {display: block;
     content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#2e216c' stroke-width='5' stroke-linecap='butt'/></svg>");
     width:55%;
     height:30px;
     margin:5px 0 0;}
    #main-content .element-item {width:100%;background:white;margin:10px;padding:30px;}
    #main-content .element-item.secondary {background:#2e216c;color:white;}
      #main-content .element-item.secondary h3 {color:white;}
      #main-content .element-item.secondary h3::after {display: block;
         content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#fff' stroke-width='5' stroke-linecap='butt'/></svg>");
         width:55%;
         height:30px;
         margin:5px 0 0;}
         #main-content .element-item.secondary footer .button {color:white;}
    #main-content .element-item.tertiary {background-color:#00d3a0;}
      #main-content .element-item.tertiary h3 {color:#2e216c;}
      #main-content .element-item.tertiary h3::after {display: block;
         content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#2e216c' stroke-width='5' stroke-linecap='butt'/></svg>");
         width:55%;
         height:30px;
         margin:5px 0 0;}
        #main-content .element-item.tertiary footer .button {color:#2e216c;border-color:white;}
        #main-content .element-item.tertiary .time-location p {color:white;}
        #main-content .element-item.tertiary .time-location p:first-child {font-weight: bold;}
        #main-content .element-item.tertiary p span.view-more-button {cursor:pointer;color:white;}
        #main-content .element-item.tertiary footer .button:hover {background:white;}
    #main-content h3 {font-size:1.05rem;color:#2e216c;font-weight: bold;line-height:1.55rem}
    #main-content h3::after {display: block;
       content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='100%'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#2e216c' stroke-width='5' stroke-linecap='butt'/></svg>");
       width:55%;
       height:30px;
       margin:5px 0 0;}
    #main-content p {font-size:0.8rem;margin:1rem 0;font-weight: lighter;}
    #main-content span.view-more-button {cursor:pointer;color:#00d3a0;}
    #main-content .read-more {margin-top:1rem;margin-bottom:1rem;}
    #main-content .read-more p:first-child {margin-top:0;}
    #main-content .read-more p:last-child {margin-bottom:0;}
    #main-content .time-location p {color:#00d3a0;line-height: 1rem;font-weight:normal;margin:0;}
    #main-content .time-location p:first-child {font-weight:bold;}
    #main-content footer .button {width:auto;height:16px;padding:5px 15px;border:2px solid #00d3a0;background:none;color: #2e216c;font-weight:bold;}
    #main-content footer .button:hover {background:#00d3a0;text-decoration: none;}
      [data-toggle="collapse"].collapsed .if-not-collapsed {display: none;}
      [data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}


#newsletter {background-color:#2e216c;color:white;padding:50px 0 60px;}
  #newsletter h3 {}
  #newsletter h3::after {display: block;
     content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#fff' stroke-width='5' stroke-linecap='butt'/></svg>");
     width:55%;
     height:30px;
     margin:5px 0 0;}

  .sign-up-button:hover {background:#00d3a0; color:#2e216c;border:2px solid #00d3a0;padding:5px 15px;text-decoration: none;}
  .sign-up-button {background:none; color:white;border:2px solid #00d3a0;padding:5px 15px;}

#partners {background-color: #f2f5f6;padding:60px 0;text-align: center;}
  #partners h3 {color:#2e216c;text-align: left;}
  #partners h3::after {display: block;
     content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30' width='225'><line x1='0' x2='78%' y1='50%' y2='30%' stroke='#2e216c' stroke-width='5' stroke-linecap='butt'/></svg>");
     width:55%;
     height:30px;
     margin:5px 0 0;}
    #partners ul {list-style-type: none;margin:0;padding:0;}

#main-footer{background-color: #00d3a0;color:white;padding:20px;}
  #main-footer p {font-size:0.8rem;text-align: center;margin:0;}
  #main-footer img {width:75px;height:auto;}
/* BOOTSRAP RESET STUFF */

.container {padding-right:40px;padding-left:40px;max-width: 880px;
}