#members-container { position: relative; float: left; width: 100%; }

#members-container .member-item { float: left; width: 100%; background-color: #EFF3F4; box-shadow: 0px 25px 20px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; }

#members-container .member-item .leftside-item { float: left; height: 200px; width: 25%; overflow: hidden; }

#members-container .member-item .leftside-item img { object-fit: cover; object-position: center; height: 200px; width: 100%; }

#members-container .member-item .rightside-item { float: right; width: 75%; padding: 10px; height: 200px; }

#members-container .member-item .rightside-item span { display: block; font-size: 0.9rem; }

#members-container .member-item .rightside-item span.name { font-weight: 700; font-size: 1rem; }

#members-container .member-item .rightside-item span.function { font-style: italic; }

#members-container .member-item .rightside-item span.address p { font-size: 0.9rem; }

#members-container .member-item .rightside-item a[href^="tel:"].phone { display: block; margin-bottom: 10px; color: #2D2E2F; font-size: 0.9rem; }

#members-container .member-item .rightside-item a[href^="tel:"].phone::before { content: 't'; color: #00B0F0; display: inline-block; width: 3%; }

#members-container .member-item .rightside-item a.mail-btn { background-color: #00B0F0; color: #FFFFFF; border-radius: 5px; padding: 5px 20px; border-bottom: 2px solid #003977; font-size: 0.9rem; }

/* --------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- BOOTSTRAP MEDIA QUERIES --------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media (max-width: 575px) { #members-container .member-item .rightside-item a[href^="tel:"].phone::before { width: 6%; } }
