/* kv */
.kv{background-image: url(../img/board/kv.jpg);}
 
/* board list */
.board-header{ text-align: center; font-size: 32px; font-family: 'Inter-Black'; color: var(--color-blue); padding-top: 100px;}
.board-list{ display: flex; flex-wrap: wrap;}
.board-list .item{ width: 25%; margin-top: 100px;}
.board-list .item a{ color: var(--color-black); }
.board-list .item-img, .board-list .item-name, .board-list .item-post{ text-align: center;}
.board-list .item img{ border-radius: 50%; width: 250px; object-fit: cover;}
.board-list .item-name{ min-height: 25px; font-size: 18px;font-family: 'Inter-Black'; margin-top: 30px;}
.board-list .item-post{ font-size: 16px; margin-top: 30px;}

.board-list .item a:hover img{ outline: solid 5px var(--color-blue);}
.board-list .item a:hover{ color: var(--color-blue);}

.board-list.directors{ padding-bottom: 100px;}

/* .other-solutions */
.other-solutions{ background-color: #f2f2f2;}

/* dark model */

body.dark .board-list .item a {
    color: #FFF;
}
body.dark .board-list .item a:hover {
    color: var(--color-blue);
}
body.dark .other-solutions { background-color: #111;}

@media screen and (max-width: 640px) {

    /* kv */
    .kv {
      background-image: url(../img/board/kv-mo.jpg);
    }

    /* board list */
    .board-header{font-size: 18px; padding-top: 50px;}
    .board-list .item{ width: 50%; margin-top: 50px;}
    .board-list .item img{ width: 80%; height: auto;}
    .board-list .item-name{ font-size: 14px; margin-top: 18px;}
    .board-list .item-post{ font-size: 14px; margin-top: 18px; padding: 0 5px;}

    .board-list .item-img, .board-list .item-name, .board-list .item-post{ text-align: center;}

}