/* Image with Text Paragraphs */

.paragraph .image-with-text {
  display:grid;
  gap:20px;
  margin:0 auto;
  max-width:860px;
}

.paragraph .image-with-text figure.image {margin:0;}


/* Regular Paragraphs */

section.paragraph.regular {
  background:var(--main-light-beige);
  margin:0 auto;
  padding:40px 0;
  width:100%;
}

section.paragraph.regular.background-lighter {background:var(--main-lighter-beige);}

.paragraph.regular > h2.title {
  margin:0 auto 16px;
  max-width:960px;
  padding:0;
  text-align:center;
  width:100%;
}

.paragraph.regular .content-container {
  display:grid;
  gap:40px;
  margin:0 auto;
  max-width:unset;
  padding:0 20px;
  width:100%;
}

.paragraph.regular .content-container > .body {
  margin:0 auto;
  max-width:760px;
  width:100%;
}

.paragraph.regular .content-container:has(> .body.simple + .buttons-container) > .body.simple {margin-bottom:20px;}
.paragraph.regular .content-container > .body :last-child {margin-bottom:0;}
.paragraph.regular .content-container .image-with-text .body :last-child {margin-bottom:0;}
  

@media (min-width:600px) {
  
  /* Regular Paragraphs */

  section.paragraph.regular {padding:60px 0 80px;}
  
}


@media (min-width:768px) {
  
  /* Image with Text Paragraphs */
  
  .paragraph.regular .image-with-text {
    gap:32px;
    grid-template-columns:1fr 400px;
  }
  
  .paragraph.regular .image-with-text.left {grid-template-columns:400px 1fr;}
  .paragraph.regular .image-with-text:not(.left) > figure.image {order:2;}
  
}