@charset "utf-8";

.introduction{
    font-size: 1.0rem;
    color: #666;
    text-align: left;
    margin: 0rem 1.5rem 0rem 1.5rem;
}

@media (min-width:50rem) {
    .introduction{
        text-align: center;
    }
    }

.client-panel{
	background-color:#fff;
}

.clients{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-around;
}

.client{
    max-width:360px;
    margin: 10px;
    padding: 2rem 0.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.client-title{
    font-size: 1.2rem;
	font-weight:bold;
}

.client-subtitle{
    font-size: 0.9rem;
	padding:1rem 0.5rem;
	color:#333;
}

.client-content{
	/* height:200px; */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

ul.client-notes{
	padding-bottom: 1rem;
	font-size: 0.9rem;
	color:#666;
	list-style-type:disc;
}

.client-notes li{
	margin: 1rem 0rem;
}