.resource-container{
  margin: 0 auto;
  max-width: calc(100% - 70px);
}
.accordion {
  position:relative;
  background-color: #3B4259;
  color: white;
  cursor: pointer;
  padding: 30px;
  width: 100%;
  border: none;
  border-radius:0;
  text-align: left;
  outline: none;
  font-size: 28px;
  line-height:38px;
  letter-spacing: -0.56px;
  transition: 0.5s;
}
.accordion strong{
  font-weight:700;
}

.accordion:after{
  position:absolute;
  right: 30px;
  top: 29px;
  content:'+';
}


.accordion.active:after{
  content:'\2013';
}

.panel {
  position:relative;
  margin-bottom:60px;
  max-height: 0;
  overflow: hidden;
  background-color: white;
  font-size:16px;
  line-height:18px;
  transition: max-height 0.2s ease-out;
}



.panel ul,
.panel li{
  margin:0;
  padding:0;
  list-style:none;
}
.panel li{
  margin:5px 0;
}

.panel th,
.panel td{
  box-sizing:border-box;
  vertical-align:top;
  padding:20px 30px;
  max-width:25%;
}

.panel tr:nth-child(odd){
  background-color:#eaecee;
}

.panel tr:nth-child(even){
  background-color:#f5f4f7;
}

.title{
  letter-spacing: 0.64px;
  color: #1A2B4A;
  font-weight:600;
  text-align:left;
  text-transform: uppercase;
}

@media (min-width:1024px){
  .mobile{
    display:none;
  }
  .title{
    background:white;
  }
}

@media (max-width:1023px){
  .desktop{
    display:none;
  }
  .title{
    font-size:14px;
  }
  .panel{
    margin-bottom:30px;
  }
  .panel table, .panel tbody, .panel tr, .panel td{
    display:block;
    width:100%;
    max-width:100%;
  }
  .panel tr{
    margin-bottom:30px;
}