.wrapper--full {
  margin-left: max(4.1666666667%, (100vw - 1512px) / 2);
  margin-right: max(4.1666666667%, (100vw - 1512px) / 2);
}

.wrapper--large {
  margin-left: max(5.5555555556%, (100vw - 1512px) / 2);
  margin-right: max(5.5555555556%, (100vw - 1512px) / 2);
}

.wrapper {
  margin-left: max(8.3333333333%, (100vw - 1512px) / 2);
  margin-right: max(8.3333333333%, (100vw - 1512px) / 2);
}

.wrapper--medium {
  margin-left: max(11.1111111111%, (100vw - 1512px) / 2);
  margin-right: max(11.1111111111%, (100vw - 1512px) / 2);
}

.wrapper--article {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.container {
  width: 100%;
}
.container .wrapper--small {
  width: 85%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 150px;
}
.container .wrapper--medium {
  margin-left: max(12.8440366972%, (100vw - 1512px) / 2);
  margin-right: max(12.8440366972%, (100vw - 1512px) / 2);
}

@media (max-width: 650px) {
  .wrapper,
  .wrapper--medium {
    margin-left: 5%;
    margin-right: 5%;
  }
}
@media (max-width: 500px) {
  .container .wrapper--small {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
@media (max-width: 900px) {
  .main.column--free {
    flex-direction: column;
  }
}