body {
	width : 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin : 0px;
}

.contents-area {
	width : 500px;
	margin : 0 auto;
}

header {
	text-align : center;
	margin-top : 20px;
	margin-bottom : 20px;
	padding-top : 30px;
	padding-bottom : 30px;
	background-color : #f25d5d;
	color : #fff;
	font-size : 22px;
}

p {
	font-size : 13px;
	
}

.section {
	width : 95%;
	margin-bottom : 50px;
	margin-left : 5px;
	
}

.section-title {
	color : #f25d5d;
}

footer {
	text-align : right;
}

/*************
**************/
@media screen and (max-width:600px) {
	header {
		font-size : 18px;
		padding-top : 20px;
		padding-bottom : 20px;
	}
	
	.contents-area {
		width : 100%;
	}
	
	p {
		font-size : 11px;
	}
	
	.section {
		margin-bottom : 30px;
	}
}