/* content.css */



.content {

  position: relative;

  z-index: 2;

  text-align: center;

  color: white;

  margin-top: 20px;

  padding: 0 15px;

}



.content h1 {

  font-size: clamp(1.5rem, 4vw, 3rem);

}



.content p {

  font-size: clamp(1rem, 2vw, 1.5rem);

}



.content a {

    color: inherit;       /* Use the surrounding text color */

    text-decoration: none; /* Remove underline */

    cursor: pointer;       /* Still shows it's clickable */

  }

		a:visited {

    color: inherit;       /* Prevent purple visited color */

  }

		a:hover {

    color: inherit;       /* Prevent hover color change */

    text-decoration: none;
 
}

.announcement_banner{
  position: relative;
  top:var(--header-height);
  visibility: visible; /* change when there is no announcement */
  display: block;
  overflow: clip;

}

@media (max-width: 768px) {
  .announcement_banner{
  top:0;
  visibility: hidden;
  display: none;
}
}

.announcement_banner img, .announcement_banner_mobile img{
  width:100%
}

/* @media (max-width: 768px) {
  .announcement_banner img{
  width:190%
  }
} */

.announcement_banner_mobile{
 visibility: hidden; 
  position: relative;
  top:var(--header-height);
  visibility: visible; /* change when there is no announcement */
  overflow: clip;
  display: none;

}

@media (max-width: 768px) {
  .announcement_banner_mobile{
  top:0;
  display: block;
  
}
}