.contacts {
  position: relative;
  margin: 30px 0; }
  .contacts__wrapper {
    position: relative;
    margin: 0 -15px; }
  .contacts__grid {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .contacts__grid {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .contacts__item {
    position: relative;
    width: 80%;
    padding: 0 15px;
    margin: 0 0 20px; }
    .contacts__item:nth-child(2) {
      width: 20%; }
    @media only screen and (max-width: 768px) {
      .contacts__item {
        width: 100%; }
        .contacts__item:nth-child(2) {
          width: 100%; }
        .contacts__item .button {
          margin: 0 auto !important;
          display: block; } }