* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

.container-lg {
  text-align: center;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

h2 {
  background-color: #f15b03 !important;
  color: #ffffff !important;
  padding: 1rem 2rem !important;
  margin: 2rem calc(-50vw + 50%) 1rem calc(-50vw + 50%) !important;
  width: 100vw;
  font-size: 1.8rem !important;
  font-weight: 400 !important;
  font-family: 'Audiowide', sans-serif !important;
  text-align: center !important;
}

h2 a {
  color: #ffffff !important;
}

.section-background {
  background-image: url('../images/clouds-background.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  padding: 2rem !important;
  margin: 0 calc(-50vw + 50%) !important;
  width: 100vw;
  position: relative;
  z-index: 0;
}

.section-background img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  height: auto;
}

.section-content {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  text-align: left;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.section-image {
  flex: 0 0 auto;
}

.section-image img {
  max-width: 400px;
  height: auto;
  display: block;
}

.section-text {
  flex: 1;
  background-color: #0729d3 !important;
  color: #ffffff !important;
  padding: 2rem !important;
  border-radius: 8px;
}

.section-text p {
  margin: 1rem 0 !important;
  color: #ffffff !important;
}

.section-text a {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.markdown-body ul, .markdown-body ol {
  text-align: left !important;
}

.markdown-body ul li, .markdown-body ol li {
  text-align: left !important;
}

@media (max-width: 768px) {
  .section-content {
    flex-direction: column;
    gap: 1rem;
  }

  .section-image img {
    max-width: 100%;
  }

  .section-text {
    width: 100%;
  }
}