.container {
  max-width: 1200px;
  margin: auto;
  background-color: #fff;
}

p {
  margin-bottom: 15px;
  font-size: 16px;
}

.split-layout {
  display: flex;
  height: 80vh;
  margin-top: 2em;
  margin-bottom: 2em;
}

.left-side {
  background-size: cover;
  background-position: center;
  width: 50%;
  text-align: left;
}

.right-side {
  background: #fff;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.content {
  margin: 0 auto;
  color: #ededed;
}

.p-style {
  color: #434343;
  line-height: 1.6;
  padding: 2em;
}
.content {
  max-width: 80%;
}

@media (max-width: 768px) {
  .full-layout,
  .split-layout {
    flex-direction: column;
    align-items: flex-start;
  }
  .left-side,
  .right-side,
  .content {
    width: 100%;
    max-width: none;
    padding: 0 20px;
  }
}