@charset "utf-8";

.single-page-view-container {
	width:100%;
	margin-top:0;
	
	.headline-box {		
		.single-headline {
			font-size:5rem;
			font-weight:bold;
			line-height:1;
			margin:3rem 5rem;
		}
	}
	
	.single-inner-box {
		width:80%;
		max-width:800px;
		margin:3rem auto 5rem;
		
		.date {
			font-size:0.9rem;
			color:#666666;
		}
		
		h2 {
			font-size:1.4rem;
			font-weight:bold;
		}
		
		.border-box {
			background:#666666;
			height:1px;
			width:100%;
			content:"";
			margin:2rem auto;
		}
		
		.single-content-box {
			p {
				margin-bottom:2em;
			}
			
			p:last-child {
				margin-bottom:0;
			}
		}
	}
	
	> .btn-box {
		margin-bottom:10rem;
	}
}

@media only screen and (max-width: 799px) {
	.single-page-view-container {
		.headline-box {
			.single-headline {
				margin:3rem 1rem;
				font-size:4rem;
			}
		}
	}
}

@media only screen and (max-width: 599px) {
	.single-page-view-container {
		.single-inner-box {
			width:90%;
		}
	}
}

@media only screen and (min-width: 1400px) {
	.single-page-view-container {
		.headline-box {
			.single-headline {
				margin:3rem auto;
				width:1200px;
			}
		}
	}
}