.icone {
	display: none;
}

@media screen and (min-width: 981px) {
	#subcat_grid {
		display: grid;
		grid-template: none / minmax(0, 0.8fr) minmax(0, 0.8fr);
		grid-gap: 1rem;
		margin-bottom: 1rem;
		list-style: none;
	}
        
    .subcat_button {
        color: #7f2538;
        margin-bottom: 3%;
        display: flex;
        flex-direction: column;
        position: relative;
        width: 75%;
        max-width: 400px;
        padding: 5px;
        border-style: none;
        margin: auto;
        background-color: rgb(242, 242, 242);
        box-shadow: 8px 8px 4px rgba( 128, 128, 128, 0.8);
        transition: transform 360ms ease, color 240ms ease 120ms;    
    }
    
    .subcat_bouton:active {
        box-shadow: 2px 2px 1px rgba( 128, 128, 128, 0.8);
    }
    
    .subcat_name {
        font-size: 1.5rem;
        position: absolute;
        width: 70%;
        bottom: 5%;
        align-self: center;
        margin: 0px;
        padding: 5px 7px;
        text-align: center;
        background-color: rgba( 255, 255, 255, 0.6);
        border-radius: 5px;
    }
    
    .img_lien {
        aspect-ratio: 4 / 3;
        width: 100%;
        vertical-align: middle;   
    }
}