@charset "utf-8";
/* CSS Document */


     
          @import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');

      
     .page_title {font-family: 'Merienda', cursive;
          margin-top: 20px;
          color: #fff;
        text-shadow: 0px 2px 5px #1F0D08;
          }



.content_window {
    background:rgba(255,255,255,0.75);
    border-radius: 15px;
    margin-bottom: 25px;
   
}

.content_window h1 {
   font-family: 'Merienda', cursive;
   margin-top: 20px;
       color: rgba(5,78,146,1.00);
}


.hdr_msg {
    padding-top: 12px;
    padding-left: 8px;
    padding-right: 8px;
    color: rgba(5,78,146,1.00);
  
 
}

.messages_title {border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    background: rgba(0,51,102,0.80);
    color: rgba(255,255,255,1.00);
    padding: 8px;
}

.messages_title h1 {
    font-family: 'Merienda', cursive;
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    margin: 0px;
}


.hdr_msg h3 {
  font-family: 'Merienda', cursive;
    font-size: 26px;
}


.message_window {
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
 
}

.message_window:not(:last-of-type) {
    border-bottom: 5px solid rgba(115,115,115,0.30);
}



    
.imagebg {
  background-image: url("../images/bg4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* This will make the background fixed */
  min-height: 900px;
  padding-top: 15px;
    padding-bottom: 25px;
}

          
 .page_title {font-family: 'Merienda', cursive;
          margin-top: 100px;
     font-size: 45px;
          color:rgba(4,67,124,0.60);
        text-shadow: 0px 2px 5px #fff;
     font-weight: bold;
          }
   
  
/* Medium screens */
@media screen and (max-width: 1024px) {
 
    .page_title {
        font-size: 35px; /* Slightly smaller font size for medium screens */
    }
}

/* Small screens */
@media screen and (max-width: 640px) {
   
    .page_title {
        font-size: 25px; /* Even smaller font size for small screens */
    }
}