html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Important: makes the html and body elements fill the full viewport height */
   /* background-image: url('/Images/police_body_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
}

/* Flexbox container for the entire page */
#page-container {
    display: flex;
    flex-direction: column; /* Stacks children vertically */
    min-height: 100vh; /* Sets the minimum height to the full viewport height */
}

/* Main content wrapper */
#content-wrap {
    flex-grow: 1; /* Allows this element to grow and fill any available space */
    background-color: #ffffff; /* Sets a solid white background */
    padding: 20px; /* Add some padding for spacing */
    max-width: 960px; /* Optional: Sets a maximum width for the content */
    min-width: 960px; /* Optional: Sets a maximum width for the content */
    margin: 0 auto; /* Optional: Centers the content wrapper */
    min-height: 100vh;
}



/* Footer styling */
#footer {
    /* No special positioning needed, it is naturally pushed to the bottom */
    background: #ffffff;
    padding: 1rem;
    text-align: center;
    margin-top: 10px;
}


.figure-row {
    display: flex; /* Makes the container a flexbox */
    justify-content: space-around; /* Distributes space evenly between figures */
    align-items: flex-end; /* Aligns figures to the top of the container */
    flex-wrap: wrap; /* Allows figures to wrap to the next line if necessary */

    background-color: #f0f0f0; /* Sets a solid background for the content */
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */
}

.figure-row figure {
    text-align: left; /* Center the image and caption */
    margin: 5px; /* Adds spacing between figures */
    /* flex: 1;  Allows figures to grow and shrink to fit the available space */
    /*min-width: 50px;  Sets a minimum width to prevent them from getting too small */
}

.figure-row figure img {
    /*display: block;  Makes the image a block element */
    /*  max-width: 100%; Ensures the image is responsive */
    height: auto; /* Maintains the image aspect ratio */
}


.footer_copyright {
    margin-bottom: 10px;
      
   

}

.footer_address {
    text-align: center;
    font-size: 12px;
    margin: 20px 0 0 0;
    width:100%;
    margin-top:50vh;

    background-color:transparent; /* #ffffff; Sets a solid background for the content */
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a soft shadow */

    
}


a {
    text-decoration: none;
     color: inherit; /*Or your preferred color */
}


.img-button {
    margin-left: 25px;
    width: auto;
   
}

.image-social{
    width:auto;
}

.linkedin-image {
    height: 205px;
    width: auto; /* Maintains the aspect ratio */
    /* object-fit: cover;  Optional: Adjusts how the image fits its box */
}