/* Background team image */
.bg-hero { 
    background-image: url('https://static.igem.wiki/teams/5253/home-page/notebook.png');
    background-size: 30% auto;
    background-position: bottom -20px right;
    background-repeat: no-repeat;
    height: 300px;
  }

/* Adjustments for smaller screens */
@media (max-width: 768px) {
    .bg-hero {
        background-size: 40% auto; /* Make the image cover the full width */
        background-position: bottom -10px right; /* Align to the bottom */
        height: 250px; /* Reduce height for smaller screens */
    }
  }
  
  @media (max-width: 480px) {
    .bg-hero {
        background-size: 40% auto; /* Ensure the image fully covers smaller devices */
        background-position: right center; /* Keep it centered and aligned at the bottom */
        height: 200px; /* Further reduce the height */
    }
  } 

/* CSS for the title block */
.title-block h1 {
    color: #25336b; /* Replace with your desired color */
    font-size: 60px; /* Adjust as needed */
    font-weight: bold; /* Adjust as needed */

  }

.main-content {
    margin-right: 13px;
}

/* PDF container styling */
.pdf-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px; /* Adjusted height to fit the PDF */
    padding: 0; /* Remove padding inside the container */
    margin: 0; /* Remove margin if any */
}

.pdf-container iframe {
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    width: 100%; /* Ensure the iframe takes the full width of the container */
    height: 100%; /* Make the iframe fill the height of the container */
}

#third-header {
    padding-top: 20px; /* Adjust the value as per your need */
}

.main-content {
    padding-bottom: 125px !important; /* Adjust the value as needed */
    padding-right: 30px !important;
}