.accordion {
    border: 1px solid #1d1d1b;
    background: #fff;
    padding: 2rem 2rem 2rem 4rem;
    margin: 4rem 0;
    -webkit-box-shadow: .4rem .4rem #8EFE9A,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #8EFE9A;
    box-shadow: .4rem .4rem #8EFE9A,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #8EFE9A;
    position: relative;
    z-index: 2;
    line-height: .8;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    margin: 0 2rem 1rem 0;
}
.accordion:hover {
       -webkit-box-shadow: .4rem .4rem #0B463D,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #0B463D;
    box-shadow: .4rem .4rem #0B463D,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #0B463D;
 
  
}
 .active {
    -webkit-box-shadow: .4rem .4rem #aa9eff,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #aa9eff;
    box-shadow: .4rem .4rem #aa9eff,inset 1rem 1rem #fff,inset 0 -1rem #fff,inset 2.5rem 0 #aa9eff;
 
}

.panel {
  padding: 0 7%;
  display: none; 
  overflow: hidden;
}

@media (max-width: 790px) {
    h3 {
       
        font-size: large;
    }
    .accordion {
         line-height:1.1;
    }
}