@media only screen {
	.postcard {
		position: relative;
		margin: 30px auto;
	}
	.postcard .slide {
		position: relative;
		padding: 20px;
	}
	.postcard .image-wrapper {
		position: relative;
	}
	.postcard .image-wrapper a {
		display: block;
		height: 100%;
		font-size: 0;
	}
	.postcard .slide img {
		width: 100%;
	}
	.postcard .content-wrapper {
		width: 100%;
	}
	.postcard .slide .content {
		padding: 20px 0;
	}
	.postcard .content h6 {
		text-decoration: underline;
		text-transform: uppercase;
	}
	.postcard .content p {
		margin-bottom: 10px;
	}
	.postcard .content a {
		font-weight: 400;
	}
	.postcard .content a.blue.flair {
		display: block;
	}
	.postcard .content h3 a {
		text-decoration: underline;
	}
	.postcard .content a:hover {
		text-decoration: underline;
	}
	.postcard .content i {
		position: relative;
		top: -2px;
		left: 10px;
	}
}

@media only screen and (min-width: 641px) {
	.postcard .slide {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding: 0;
	}
	.postcard.image-right .slide,
	.postcard.alternating .slide:nth-child(even) {
		flex-direction: row-reverse;
	}
	.postcard .image-wrapper,
	.postcard .content-wrapper {
		flex-basis: 50%;
	}
	.postcard .slide .content {
		padding: 0 20px;
	}
}

@media only screen and (min-width: 1025px) {
	.postcard .content a {
		font-weight: 400;
	}
	.postcard .content h3 a {
		text-decoration: none;
	}

	.postcard .slide .content {
		padding-left: 50px;
	    padding-right: 20px;
	}
	.postcard.image-right .slide .content,
	.postcard.alternating .slide:nth-child(even) .content {
		padding-left: 20px;
	    padding-right: 50px;
	}
	.postcard .content p {
		margin-bottom: 40px;
	}
}