article a::before {
    content: "↗ ";
}

article a {
    background-color: rgb(255, 255, 170);
    text-decoration: none !important; 
}

article ul li:before {
    content: "\2192 \0020";
}

.downloads {
    margin-bottom: 2rem;

}

li .button {
    padding: 0.25rem 0.5rem;
    border: 0.1rem solid black;
    border-radius: 0.2rem;
    text-decoration: none;
    margin-bottom: 1rem;
}

li .button:hover {
    background: var(--grey);
    text-decoration: underline;
}

.downloads h3 {
    font-family: 'BasisGrotesqueRegular';
    font-weight: 400;
}

.full {
    width: 100%;
    height: fit-content;
}

figure img {
    width: 100%;
    height: auto;
    border-radius: 0.25rem;
}



.border-top {
    border-top: 0.1rem solid var(--grey-dark);

}

.img_w_100 {
    width: 100%;
}
.img_w_75 {
    width: calc(75% - 1rem);
}
.img_w_50 {
    width: calc(50% - 1rem);
}
.img_w_33 {
    width: calc(33.33% - 1rem);
}

@media screen and (max-width: 640px) {
    .img_w_100,
    .img_w_75,
    .img_w_50,
    .img_w_30 {
        width: 100%;
        }
}