*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}

@font-face {
  /* font-family: 'Dosis Extralight';
  src:url(fonts/Dosis/static/Dosis-ExtraLight.ttf) */

  font-family: 'Dosis regular';
  src:url(fonts/Dosis/static/Dosis-Light.ttf)
}


html,
body {
  padding: 0;
  margin: 0;
  background-color: #eee;
  color: #fff;
  font-family: 'Dosis Extralight', sans-serif;
   overflow-x: hidden;
}

.content-block {
    width: 50%; /* 50% of screen width */
    margin: 20px auto; /* Horizontal centering */
    text-align: center; /* Centers text and inline elements */
    font-family: Arial, sans-serif;
}

.content-block img {
    max-width: 100%; /* Ensures image doesn't overflow */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Removes extra space below image */
    margin: 0 auto 20px; /* Centers image + adds space below */
    border-radius: 8px; /* Optional: softens edges */
}

.content-block h2 {
    margin: 0 0 15px 0; /* Space below title */
    color: #333;
    font-size: 1.8em;
    text-align: justify;
}

.content-block h3 {
  text-align: left;
  color: #333;
}

.content-block p {
    margin: 0;
    color: #666;
    line-height: 1.6;
    font-size: 1.1em;
    text-align: justify;
    margin-bottom: 10px;
}


@media (max-width: 550px) {

  .content-block {
    width: 95%; 

}

  .content-block h2{
    font-size: 1.2em;
    text-align: left;
  }

  .content-block p {
    font-size: 1.0em;
    /* text-align: justify; */
    text-align: left;
    margin-bottom: 10px;
}


}