body {
	font-family: Ubuntu;
	font-size: 18px;
	background-color: whitesmoke;
	}
.divPageBody {
	display: none;
	width: 40%;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 400px;
	}
h1 {
	font-family: Oswald;
	font-size: 48px;
	margin-top: .5em;
	margin-bottom: .8em;
	text-align: center;
	}
.divPresentation {
	display: table;
	margin-left: auto;
	margin-right: auto;
	}
.ulBlogrollExplainer {
	display: table-cell;
	font-size: 15px;
	line-height: 140%;
	list-style-type: none;
	vertical-align: top;
	padding-right: 25px;
	}
.divBlogrollContainerContainer {
	display: table-cell;
	}
.ulBlogrollExplainer li {
	margin-bottom: 10px;
	}
.ulExplainerText {
	list-style-type: disc;
	margin-top: 10px;
	}
.trBlogrollFeed td {
	padding-top: 4px;
	padding-bottom: 4px;
	}

@media screen and (max-width: 1024px) { /* tablets */
	.divPageBody {
		width: 70%;
		}
	}
@media screen and (max-width: 576px) { /* the official number used by bootstrap toolkit */
	.divPageBody {
		width: 96%;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		}
	h1 {
		font-size: 40px;
		}
	.divPresentation {
		width: 100%;
		}
	.ulBlogrollExplainer {
		font-size: 14px;
		padding-right: 10px;
		}
	}