a {
  font-size: 1.2em; /* 12px if parent is 16px */
  white-space: nowrap; /* Prevents links from breaking across lines */
  display: inline-block; /* Helps with the nowrap property */
}
body, p, span, div, a, li, td, th, label, input, textarea, button, select, option {
  font-size: 1.2em;
}
.title {
  max-width: 100%;
  /* margin: 0 auto; */
}
a {
  color: #0060df;
}

.h1-centered {
  text-align: center;
  margin: 0 auto;
  font-size:  2.5rem;
  margin-bottom: 60px;
}
.container {
  max-width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.column {
  flex: 1;
  width: 100%;
  padding: 1rem;
}
.parent-container {
  display: flex;
  justify-content: center;
  width: 100%;
  /* Removed the height: 100vh as it's making the container too tall */
  margin-bottom: 2rem; /* Add some space after the container */
}

.column-center-single {
  width: 70%;
  max-width: 70%;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* Changed text alignment to make it more readable */
  text-align: left;
  /* Added padding for better appearance */
  padding: 0 15px;
}

/* Fixed the missing curly brace for column-left */
.column-left {
  flex: 1;
  width: 100%;
  padding-left: 4rem;
  padding-top: 1rem;
}

.column-center {
  flex: 1 0 auto !important;
  width: 60%;
  text-align: center;
}

.column-right {
  flex: 1;
  width: 100%;
  padding: 1rem;
}

.image {
  width: 80%;
  height: auto;
  margin: 0 10px;
}
@media (min-width: 960px) {
  .container {
    max-width: 1800px;
  }
}

@media (max-width: 960px) {
  .container {
    max-width: 100%;
  }
}