body {
	margin:0px;
	padding:0px;
	font-family: 'roboto_slabregular';
	font-size:16px;
	color:#888;
	background-color:#e8e8e8;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	text-align:center;
	
}

img {
	border:0px;
}

.jns {
	display:inline-block;
	background-color:#e8e8e8;
	border-bottom:2px solid #ccc;
	padding:10px 20px 10px 20px;
	font-family: 'roboto_slabbold';
	font-size:48px;
	margin-top:20px;
	cursor:pointer;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.jns:hover {
	background-color:#f8f8f8;
	border-bottom:8px solid #ccc;
	/*
	transform:scale(2.3,2.3) rotate(0deg);
	*/
	
}

.pagecontainer {
	max-width:550px;
	width:100%;
	margin:0px auto 0px auto;
}
.pagecontainerpad {
	padding:0px 20px;
}

.contentcontainer {
	width:100%;
	text-align: left;
	box-sizing: border-box;
}

.articleimage {
	width:100%;
	border:15px solid #fff;
	box-sizing: border-box;
	transition: all .2s linear;
}
.articleimage:hover {
	/*border:15px solid #cccccc;*/
}

.articletitle {
	padding:5px 15px 0px 15px;
	font-size:24px;
	font-family: 'roboto_slabbold';
}

.articledescription {
	padding:10px 15px 15px 15px;
	text-align: justify;
}


.download-btn {
	display: inline-block;
	margin-top: 20px;
	padding: 10px 24px;

	text-transform: uppercase;

	color: #666;
	text-decoration: none;

	border: 1px solid #ccc;
	background-color: transparent;

	transition: all 0.2s ease;
	border-radius: 2px;
}

.download-btn:hover {
	color: #fff;
	background-color: #444;
	border-color: #444;
}