.article {
	margin: 2em;
}

.articleLeft {
	float: left;
	text-align: center;
	width: 25%;
	font-size: .8em;
}

.articleRight {
	color: #9d9d9d;
	margin-left: 27%;
}

.articleTitle {
	font-size: 1.5em;
	margin-bottom: .5em;
	color: #dbdbdb;
	font-family: 'tondu';
	text-transform: uppercase;
}


.article img {
	height: auto;
	max-width: 100%;
}


.article iframe {
	margin: auto;
}


@media all and (max-width: 700px) {
	/* whatever I want to do with the small screens */
	.article {
		margin: 1em;
	}

	.articleLeft {
		float: none;
		width: 100%;
	}

	.articleRight {
		margin-left: 0;
	}

	.articleTitle {
		font-size: 1.2em;
	}
}