#drylab-header {
    height: 30vw;
    width: 100vw;
    background-image: url("https://static.igem.wiki/teams/5437/drylab/model/screenshot-2024-09-21-at-10-47-14-7.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 40%;
    box-shadow:0 0 80px 80px #F6F1DA inset;
}
.custom-container {
    max-width: 75%; /* Adjust the maximum width as needed */
    margin: 0 auto; /* Center the container */
}
/* Nav Pills Style */
.nav-pills .nav-link {
    padding: 2% 5%; /* 2% of the container's width for top/bottom, 5% for left/right */
    font-size: 1.2rem; /* Increase the font size */
    font-family: 'Nunito', sans-serif; /* Match the font-family to Nunito */
    color: #AD7319; /* Match the text color */
    transition: background-color 0.3s, transform 0.3s; /* Add transition for animations */
}
.nav-pills .nav-link:hover {
    background-color: #d8dc4c; /* Change background color on hover */
    transform: scale(1.20); /* Slightly increase size on hover */
}

.nav-pills .nav-link.active {
    background-color: #587449; /* Active background color */
    color: #f6f1da; /* Active text color */
}

/* Set same font size, color, and font-family as title_name p */
.nav-pills .nav-link {
    font-size: 1.2rem; /* Match the font size of .title_name p */
    color: #AD7319; /* Match the color of .title_name p */
}

/* Create two equal columns that floats next to each other */
.column {
float: left;
width: 50%;
padding: 10px;
height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
    width: 100%;
}
}

.column {
display: flex;                     /* Use flexbox for alignment */
flex-direction: column;            /* Stack items vertically */
align-items: center;               /* Center items horizontally */
text-align: center;                /* Center text */
margin: 2rem auto;                /* Center the column and give vertical spacing */
}