.handbooklist{
  margin-top: 36px;
}
.handbooklist figure{
  display: flex;
  margin-bottom: 30px;
}
.handbooklist figure figcaption{
  display: flex;
  align-items: center;
  padding: 1em;
  box-sizing: border-box;
}
.handbooklist figure figcaption p{
  font-size: 14px;
}
.logos{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 767px){
  .handbooklist{
    display: flex;
  }
  .handbooklist li{
    width: calc((100% - 8px) / 2);
  }
  .handbooklist li:nth-child(odd){
    margin-right: 8px;
  }
  .handbooklist figure{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .handbooklist figure img{
    width: 100%;
  }
  .handbooklist figure figcaption{
    width: 100%;
    padding: 1em 0;
  }
  .logos{
    margin-left: 0 !important;
    justify-content: center;
  }
  .logos .jdadat,
  .logos .plus{
    margin-right: calc(30/600*100vw) !important;
  }
  .logos .jdadat img{
    width: calc(209/600 * 100vw);
  }
  .logos .plus img{
    width: calc(35/600 * 100vw);
  }
  .logos .jbs img{
    width: calc(147/600 * 100vw);
  }
}