.container {
    max-width: 96%;
	margin-left:auto;
	margin-right:auto;

}




p {
  margin-bottom: 1rem;
}

h2 {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2;
}

.lb-container-primary p {
    color: #000000;

}

.lb-container-primary h2 {
    color: #000000;

}

.lb-container-primary-light {

}

.lb-container-secondary {
  background-color: #fece62;
  background-color: rgba(253, 191, 53, 0.8);
}

.lb-container-secondary-light {
  background-color: rgba(254, 206, 98, 0.1);
}

.lb-container-tertiary {
  background-color: #25c9d0;
  background-color: rgba(0, 196, 204, 0.8);
}

.lb-container-tertiary-light {
  background-color: rgba(37, 201, 208, 0.1);
}

.lb-container-primary *,
.lb-container-tertiary * {
  color: #fff;
}

div[class*="lb-container"] {
  padding-top: 55px;
  padding-bottom: 55px;
}

div[class*="lb-container"] > div {
  max-width: 1366px;
    max-width: 96%;
	margin-left:auto;
	margin-right:auto;
}

div[class*="lb-container"] img {
  display: block;
  max-width: 99%;
  margin-bottom: 1rem;
}

@media (min-width: 800px) {
  div[class*="lb-container"] > div {
    max-width: 96%;
	margin-left:auto;
	margin-right:auto;
  }

  div[class*="lb-container"].has-media > div {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "image text";
    grid-gap: 40px;
    -webkit-box-align: center;
            align-items: center;
  }

  div[class*="lb-container"].has-media > div > p {
    margin-bottom: 0;
  }

  div[class*="lb-container"] img {
    display: block;
    width: 100%;
    max-width: 100%;
    grid-area: image;
    margin: 0;
  }

  div[class*="lb-container"].flip > div {
    grid-template-columns: 7fr 5fr;
    grid-template-areas: "text image";
  }

  div[class*="lb-container"].has-media > div > div {
    grid-area: text;
  }
}


