.responsive-column-layout.component {
  position: relative;
}
.responsive-column-layout.bg-images {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .responsive-column-layout.bg-images {
    padding-top: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .responsive-column-layout.bg-images {
    padding-top: 80px;
  }
}
.responsive-column-layout.bg-images .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.responsive-column-layout.bg-images .bg.half-left {
  width: 50%;
}
.responsive-column-layout.bg-images .bg.half-right {
  width: 50%;
  right: 0;
}
.responsive-column-layout.metlife-light-gray {
  background-color: #f2f2f2;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-light-gray .component {
  background-color: #f2f2f2;
}
.responsive-column-layout.metlife-gray {
  background-color: #f2f2f2;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-gray .component {
  background-color: #f2f2f2;
}
.responsive-column-layout.metlife-medium-gray {
  background-color: #d9d9d6;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-medium-gray .component {
  background-color: #d9d9d6;
}
.responsive-column-layout.metlife-dark-gray {
  background-color: #6e6e6e;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-dark-gray .component {
  background-color: #6e6e6e;
}
.responsive-column-layout.metlife-blue-1 {
  background-color: #0090da;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-blue-1 .component {
  background-color: #0090da;
}
.responsive-column-layout.metlife-blue-2 {
  background-color: #007abc;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-blue-2 .component {
  background-color: #007abc;
}
.responsive-column-layout.metlife-dark-blue {
  background-color: #0061a0;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-dark-blue .component {
  background-color: #0061a0;
}
.responsive-column-layout.metlife-green {
  background-color: #a4ce4e;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-green .component {
  background-color: #a4ce4e;
}
.responsive-column-layout.metlife-dark-green {
  background-color: #528320;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.metlife-dark-green .component {
  background-color: #528320;
}
.responsive-column-layout.swatches-teal-lightest {
  background-color: #e6f7f6;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.swatches-teal-lightest .component {
  background-color: #e6f7f6;
}
.responsive-column-layout.swatches-blue-lightest {
  background-color: #e6f4fb;
  padding-top: 40px;
  margin-bottom: 40px;
}
.responsive-column-layout.swatches-blue-lightest .component {
  background-color: #e6f4fb;
}
.responsive-column-layout .responsive-column-parsys {
  margin-left: -16px;
  margin-right: -16px;
}
.responsive-column-layout .responsive-column-parsys .responsive-columns {
  flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .responsive-column-layout.metlife-light-gray,
  .responsive-column-layout.metlife-gray,
  .responsive-column-layout.metlife-medium-gray,
  .responsive-column-layout.metlife-dark-gray,
  .responsive-column-layout.metlife-blue-1,
  .responsive-column-layout.metlife-blue-2,
  .responsive-column-layout.metlife-dark-blue,
  .responsive-column-layout.metlife-green,
  .responsive-column-layout.metlife-dark-green,
  .responsive-column-layout.swatches-teal-lightest,
  .responsive-column-layout.swatches-blue-lightest {
    padding-top: 60px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .responsive-column-layout.metlife-light-gray,
  .responsive-column-layout.metlife-gray,
  .responsive-column-layout.metlife-medium-gray,
  .responsive-column-layout.metlife-dark-gray,
  .responsive-column-layout.metlife-blue-1,
  .responsive-column-layout.metlife-blue-2,
  .responsive-column-layout.metlife-dark-blue,
  .responsive-column-layout.metlife-green,
  .responsive-column-layout.metlife-dark-green,
  .responsive-column-layout.swatches-teal-lightest,
  .responsive-column-layout.swatches-blue-lightest {
    padding-top: 80px;
    margin-bottom: 80px;
  }
}