@media screen and (min-width: 768px)
{
    .author-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: start;
        margin-bottom: 1rem;
    }

    .author-card {
        width: calc( 50% - 0.5rem );
    }

    .author-header
    {
        display: flex;
    }

    .author-header img
    {
        margin-right: 2rem;
    }
}

@media screen and (max-width: 768px)
{
    .author-info
    {
        margin-top: 1rem;
    }

    .author-card {
        margin-bottom: 1rem;
    }

    .author-header img
    {
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
}

.author-header h2
{
    margin-top: 0;
}

.author-cards {
	margin-bottom: 1rem;
}

.author-card {
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 0.25rem;
	display: flex;
}

.author-card-info {
    margin-left: 1rem;
	  width: 100%;
}

.author-card-posts
{
    display: flex;
}

.author-card-posts > *
{
    width: 50%;
}

.author-card-avatar {
    text-align: center;
}

.author-card-name {
		margin-top: 0;
    font-size: 24px;
}

.author-card-posts
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.author-card-link {
    margin-top: 0.25rem;
	margin-bottom: 0 !important;
}

.author-card-link a {
    color: #0073aa;
    text-decoration: none;
}

.author-card-link a:hover {
    text-decoration: underline;
}


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


}