#documents {
    scroll-behavior: smooth;
    scroll-margin-top: 101px;
}

.document__main {
    display: flex;
    justify-content: left;
    gap: 2rem;
}
@media (width < 501px){
    .document__main{
        flex-direction: column;
    }
}

.document__main .document__main__link {
    max-width: 30%;
}
@media (width < 501px){
    .document__main .document__main__link{
        max-width: 100%;
    }
}

.document__main .documents__image{
    width: 100%;
}
/*
@media (width < 901px){
    .documents__main .documents__image{
        width: 75%;
    }
}
@media (width < 501px){
    .documents__main .documents__image{
        width: 100%;
    }
}*/