.blog-summary-list-section {
    width: 100%;
    background-color: white;
}

.blog-summary-card-container {
    width: 90%;
    margin: 0 auto;
    padding: 0.5em 0;
}

.blog-summary-card {
    width: 80%;
    margin: 0.5em auto;
    border: 1px solid #e7e7e7;
}

.blog-summary-image,
.blog-summary-text {
    width: 90%;
    margin: 0 auto;
}

.blog-summary-image {
    padding: 1em 0.5em 0.5em 0.5em;
} 

.blog-summary-text {
    padding: 0.5em 1em 1em 0.5em;
}

.blog-summary-image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

a {
    color: #003c71;
    text-decoration: none;
}

@media (min-width: 300px) { 
	.blog-summary-card-container {
			width: 100%;
		}

	.blog-summary-card {
		width: 100%;
	}
}

@media (min-width: 640px) { 
	.blog-summary-card-container {
			width: 100%;
			display: flex;
			flex-flow: wrap;
		}

	.blog-summary-card {
		width: 100%;
		flex: 1 0 48%;
		margin: 0.5%;
	}
}

@media (min-width: 1001px) {
    .blog-summary-card {
        flex: 1 0 32.3%;
    }

    .blog-summary-card:last-of-type {
        flex-grow: 0;
    }
}