.footer {
font-size: 20px; }

textarea {
    all: unset; /* Removes all default styles */
    display: block; /* Restores block behavior */
    width: 90%; /* Reapply your styles */
    height: auto;
    border: 0px solid #ccc;
    border-radius: 5px;
    padding: 10px; /* Optional customization */
    white-space: pre-wrap;
    font-size: 16px;
}




p{
	text-align:justify;
}




.homeContainer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  *zoom: 1; }
  .container:after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    height: 0; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.homeContainer-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  *zoom: 1; }
  .container-fluid:after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    height: 0; }


img {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.6));
}


.stories {
  text-align: center;
  margin-bottom: 30px; 
  height: auto;
  overflow: hidden;}

.stories .stories-image {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 20px;

  transform-origin: 50% 65%;
  transition: transform 1s, filter 3s ease-in-out;
  filter: brightness(125%);
  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.8);
}

  
.stories:hover img {
	filter: brightness(100%);
	transform: scale(1.2);
}
  
  
  .stories .stories-title {
    font-size: 14px;
    font-size: 1em;
    margin: 0 0 10px; }
  .stories .date {
    color: #a59e95;
    font-size: 12px;
    font-size: 0.8571428571em;
    font-family: "Novecento Sans", "Raleway", "Noto Sans" "Open Sans", sans-serif;
    //text-transform: lowercase; }
    .stories .date .fa {
      font-size: 16px;
      font-size: 1.1428571429rem;
      margin-right: 5px; }

/* Style the image inside the block */
.stories img {
  margin-top: 20px; /* Positions the image */
  width: 75%;
  max-width: 300px;
  height: auto; /* Maintains aspect ratio */
}

/* Style the heading */
.stories h3 {
  margin: 15px 0 10px; /* Adds spacing around the heading */
  font-size: 1.5em; /* Adjusts the font size */
  color: #007b7e; /* Matches the border color */
  text-align: center; /* Centers the heading */
}

/* Style the paragraph */
.stories p {
  margin: 0 20px; /* Adds side margins for text readability */
  font-size: 1rem; /* Sets the text size */
  color: #333; /* Neutral dark color for readability */
  text-align: center; /* Centers the paragraph text */
}