.grid_speakers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 40px;
  margin-top: 50px;
  max-width: 1000px;
}

.grid_speakers img {
  width: 125px;
}

/* https://wpdean.com/css-lists/ */
/* https://codepen.io/bdthemes/pen/mdwymQX */
.upk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.upk-featured-list {
	position: relative;
	counter-reset: number-count;
	.upk-featured-list-item {
		position: relative;
		.upk-featured-list-item-box {
			width: 100%;
		}
		.upk-featured-list-content {
			position: relative;
			padding: 10px 20px;
			display: flex;
			align-items: center;
		}
		.upk-featured-list-title {
			margin: 0;
			font-size: 1em;
			font-weight: 600;
			line-height: 1.2;
			a {
				color: #2B2D42;
        text-decoration: none;
				&:hover {
					color: #EF233C;
				}
			}
		}
		.upk-featured-meta {
			display: flex;
			align-items: center;
			position: relative;
			color: #8D99AE;
			font-size: 11px;
			line-height: 1;
			padding-top: 10px;
			font-weight: 500;
			text-transform: uppercase;
			.upk-author-name-wrap {
				display: flex;
				.upk-by {
					font-weight: 700;
					padding-right: 6px;
				}
				.upk-author-name {
					text-decoration: none;
					color: #8D99AE;
					font-weight: 500;
				}
			}
			.upk-separator {
				margin: 0 6px;
				font-weight: bold;
			}
		}
	}
}

@media (min-width: 768px) {
	.upk-featured-list {
		.upk-featured-list-item {
			.upk-featured-list-content {
				padding: 15px 30px;
			}
            .upk-featured-list-avatar img {
                border-radius: 20%;
                width: 100px;
                height: 100px;
                margin-right: 20px;
            }
			.upk-featured-list-title {
				font-size: 1.7em;
			}
			.upk-featured-meta {
				font-size: 1.3em;
			}
		}
	}
}