@media only screen and (max-width: 1920) {
#main-content .banner-portfolio img {
        width: 100%;
        height: 1080px;
        object-fit: cover;
    }
}

@media only screen and (max-width: 1280) {
#main-content .banner-portfolio img {
        width: 100%;
        height: 720px;
        object-fit: cover;
    }
}

.poem {
    font-size: 20px;
    font-weight: bold;
    color: #123954;
}
.contact-link {
    margin-right: 15vw !important; /* Adjusts based on viewport width */
}


.be-seen-label {
    margin-right: 5vw !important; /* Example value, adjust based on actual layout */
}

@media (max-width: 768px) {
    .contact-link {
        margin-right: 2vw !important; /* Smaller margins for narrower viewports */
    }

    .be-seen-label {
        margin-right: 2vw !important; /* Adjust accordingly */
    }

    .main-nav li {
        display: block; /* Stack items vertically on smaller screens */
        margin-right: 0; /* Remove horizontal margin */
    }
}