@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

/* Social Media Links Styles */
.social-link {
    transition: all 0.3s ease;
    padding: 0.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.social-link:hover {
    transform: translateY(-2px);
    opacity: 0.8;
    color: #ffffff !important;
}

.social-link svg {
    transition: all 0.3s ease;
}

.social-link:hover svg {
    transform: scale(1.1);
}

/* Responsive gap for social media */
@media (max-width: 576px) {
    .social-link {
        padding: 0.3rem;
    }
    
    .social-link svg {
        width: 28px;
        height: 28px;
    }
}