.break {
display: block;
height: 20px;
}

.half-button {
  width: 75%;
margin-left: auto;
margin-right: auto;
}

.two-left {
  width: 49%;
margin-right: auto;
  float: left;
}

.two-right {
  width: 49%;
margin-left: auto;
  float: right;
}

.two-middle {
  width: 50%;
margin-left: auto;
margin-right: auto;
}

.two-left-button {
  width: 49%;
margin-right: auto;
  float: left;
}

.two-right-button {
  width: 49%;
margin-left: auto;
  float: right;
}

.three-left {
  width: 32%;
  float: left;
margin-left: auto;
margin-right: auto;
}

.three-right {
  width: 32%;
  float: right;
margin-left: auto;
margin-right: auto;
}

.three-left-center {
  width: 32%;
  float: right;
margin-right: 17%;
margin-left: 1%;
}

.three-right-center {
  width: 32%;
  float: left;
margin-right: 1%;
margin-left: 17%;
}

.three-middle {
  width: 32%;
  float: left;
margin-left: 2%;
margin-right: 2%;

@media (max-width: 768px) {
  .two-left {
    width: 100%;
  }
  .two-right {
    width: 100%;
  }
.two-middle {
  width: 100%;
  float: middle;
}

.two-left-button {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.two-right-button {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

 .three {
    width: 75%;
margin-left: auto;
margin-right: auto;
  }

.three-left {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.three-right {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.three-left-center {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.three-right-center {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.three-middle {
  width: 74%;
margin-left: 13%;
margin-right: 13%;
}

.half-button {
  width: 100%;
margin-left: auto;
margin-right: auto;

.break {
display: none;
height: 1px;
}
}
}