@media screen and (min-width: 961px) {
	.d-size {font-weight: bold; font-size: 1.2em;}
}

@media screen and (min-width: 641px) and (max-width: 960px) {
	.t-size {font-weight: bold; font-size: 1.2em;}
}

@media screen and (max-width: 640px) {
	.m-size {font-weight: bold; font-size: 1.2em;}
}

@media screen and (max-width: 480px) {
	.c-size {font-weight: bold; font-size: 1.2em;}
}


.inner {
	margin: 1em;
	padding: 1em;
	border: 1px solid #555;
	border-radius: 0.5em;
}

.borderless {
	border: none;
	margin: 0.3em;
	padding: 0.3em;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #3cf;
	line-height: 1.75em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Bitter', serif;
	color: #3cf;
	line-height: 1.5em;
}

h2,
h3,
h4 {
	margin-top: 2em;
}

.wrapper {
	max-width: 960px;
	background-color: #fff;
	padding: 150px 2em;
}