main .articles {
  box-sizing: border-box;
  display: flex;
  width: calc(100% + 3.75vw);
  flex-wrap: wrap;
}
main article {
  margin-top: 80px;
  margin-right: 3.75vw;
  width: calc(25% - 3.75vw);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main article a {
  display: block;
  position: relative;
  box-sizing: border-box;
}
main article a figure { text-align: center;}
main article a figure img { border-radius: 10px; width: 100%; height: auto;}
main article a h3 { margin-top: 2.2rem; line-height: 1.7; font-size: 18px; font-weight: bold;}
main article a p { font-size: 86%; margin-top: 1.8rem; letter-spacing: 0;}
.go2index {
  margin-top: 8rem;
}
@media only screen and (max-width: 782px) {
  main .articles {
    width: calc(100% + 5vw);
  }
  main article {
    margin-top: 65px;
    margin-right: 5vw;
    width: calc(50% - 5vw);
  }
  main article a {
  }
  main article a figure { }
  main article a figure img { border-radius: 5px;}
  main article a h3 { font-size: 13px; }
  
}
@media only screen and (max-width: 400px) {
  main article a + p.myBtn {
    transform: scale(0.8);
    transform-origin: left top;
  }
}