@charset "UTF-8";

/*
 File
 */
 

.file--{
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 align-items: center;
 height: 100%
}
.file-- .details{
 flex: 1 1 auto;
 width: 100%;
 height: auto;
 padding: 10px 20px 0 20px;
 text-align: center
}
.file-- .file{
 flex: 0 0 100px;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100px
}
.file-- a{
 width: 100%;
 height: 100%;
 max-width: 36px;
 max-height: 50px;
 padding: 0;
}

/*
 Resources--
 */
 
.resources-->.row{
 gap: 20px 0
}

/*
 Categories
 */
.resources-- .category{
 display: flex;
 flex-direction: column;
 flex-wrap: nowrap;
 align-items: center;
 height: 100%
}
.resources-- .category .details{
 flex: 1 1 auto;
 width: 100%;
 height: auto;
 padding: 10px 20px;
 text-align: center;
 order: 2
}
.resources-- .category .button{
 flex: 0 0 auto;
 width: 100%;
 height: auto;
 padding: 10px 0;
 text-align: center;
 order: 3
}

.resources-- .category .image{
 flex: 0 0 100px;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 100px;
 order: 1
}