.staff-row { display: flex; justify-content: space-between; }
.about-staff-item { width: 320px; height: 220px; }

.about-staff-case { justify-content: center; }
/* STAFF INFO */
.about-staff-info-section { display: none; }
.about-staff-info-text-case { width: 50%; background: linear-gradient(to right, #00b3e4 99%, #fff 99%); padding: 30px 60px; }
.about-staff-info-text-case p { color: #fff; font-size: 16px; letter-spacing: .4px; line-height: 21px; }
.about-staff-info-text-case h4 { color: #fff; font-size: 42px; line-height: 52px; letter-spacing: 1.05px; }
.about-staff-info-text-case h5 { color: #fff; font-size: 2.5em; line-height: .4em; margin-bottom: 1.1em; }
.about-button-wrapper { margin-top: 35px; }
.about-button-wrapper a { background: white; color: #00b3e4; font-size: 16px; width: 180px; height: 54px; font-weight: bold; text-transform: uppercase; display: flex; justify-content: center; align-items: center; }
.about-staff-info-image-case { width: 50%; } 
.about-staff-info-image-case img { max-width: 100%; width: 100%; height: 100%; }


/* STAFF */
.about-staff-section { background: #e5f6fd; width: 100%; padding-top: 3em; display: flex; flex-direction: column; align-items: center; }
.about-staff-case { width: 80%; display: flex; flex-wrap: wrap; }
.about-staff-item { width: 29%; margin-bottom: 40px; display: grid; grid-template-columns: 1fr; }
.about-staff-item div { grid-row-start: 1; grid-column-start: 1; }
.about-staff-item a { grid-row-start: 1; grid-column-start: 1; padding: 0 30px; }
.about-staff-image img { max-width: 100%; width: 100%; height: 100%; }
.mr { margin-right: 6%; }

.about-staff-background { width: 2%; background: linear-gradient(to right, transparent 2%, #01b2e4 2%); opacity: 0.65; height: 100%; transition: width 1s; }
.about-staff-item:hover > .about-staff-background { width: 100%; }
.about-staff-link { display: flex; flex-direction: column; justify-content: center; opacity: 0; transition: opacity 1.5s; z-index: 2; text-align: left; cursor: pointer; }

.about-staff-link span { color: white; font-family: 'Lato', sans-serif; font-size: 24px; line-height: 45px; letter-spacing: 0.6px; font-weight: bold; }

.about-staff-item:hover > .about-staff-link { opacity: 100%; }

/* ABOUT */
.about-about-section { text-align: center; width: 58%; padding: 3em 0; }
.about-about-section p { font-size: 16px; letter-spacing: .4px; color: #4e4e4e; line-height: 28px; }

.about-banner-wrapper { width: 100%; }
.about-banner-wrapper img { width: 100%; }

/* WRAPPER */
.about-wrapper { display: flex; flex-direction: column; align-items: center; }
.about-wrapper h2 { font-size: 35px; letter-spacing: 7px;  }
.about-wrapper h3 { font-size: 42px; letter-spacing: 1.05px; margin-bottom: .6em; }

@media only screen and (max-width: 1300px) {
	.about-staff-info-section { flex-direction: column; }
	.about-staff-info-text-case { width: 100%; }
	.about-staff-info-image-case { width: 100%; }
}

@media only screen and (max-width: 1300px) {
.staff-row { flex-direction: column; align-items: center; }
.about-staff-item { width: 300px; height: 200px; }
.about-staff-item a { padding: 0 20px; }
}