#header {
    background-image: url('../../assets/img/header-img1.jpg');
    background-position: 0%;
    position: inherit;
}

#files .item-box {
    padding: 2rem 1rem;
    background-color: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.b-content {
    padding: 0.5rem;
}

#files p {
    font-size: 14px;
}

.box-card {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.content {
    margin: 6%;
}

.b-content img {
    margin-bottom: 0.5rem;
}

.b-content .text-subtitle {
    font-weight: bold;
}

#files .btn-download-files {
    color: #488CC2;
    border : 1px solid #488CC2;
    width: fit-content;
}

#files .btn-download-files:hover {
    background-color: #488CC2;
    color: white;
    transition: 0.2s ease-in;
}

@media (max-width:1100px) {
    .box-card {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:800px) {
    .box-card {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:600px) {
    .box-card {
        grid-template-columns: repeat(1, 1fr);
    }
}