.container {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.mb {
	margin-bottom: var(--standardSpace);
}

.mb-medium {
	margin-bottom: var(--mediumSpace);
}

.mb-large {
	margin-bottom: var(--largeSpace);
}

.mt {
	margin-top: var(--standardSpace);
}

.mt-large {
	margin-top: var(--largeSpace);
}

.my {
	margin-top: var(--standardSpace);
	margin-bottom: var(--standardSpace);
}

.px {
	padding-left: var(--standardSpace);
	padding-right: var(--standardSpace);
}

.pb-large {
	padding-bottom: var(--largeSpace);
}

.pt-large {
	padding-top: var(--largeSpace);
}

.col-1-3 {
	float: left;
	width: 33.33%;
}

.col-1-2 {
	float: left;
	width: 50%;
}

.col-1-2-right {
	float: right;
	width: 50%;
}

@media (max-width: 800px) {
  .col-1-3 {
    float: none;
    width: auto;
  }
}

@media (max-width: 700px) {
	.col-1-2,
	.col-1-2-right {
	  float: none;
	  width: auto;
	}
}