/* CSS Document */

.Column-Title-180degree {
	background-image: url(../images/P8050025.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-lowtemp {
	background-image: url(../images/P8060290.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-sleeping {
	background-image: url(../images/P8050091.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-posture {
	background-image: url(../images/IMG_0232.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-backview {
	background-image: url(../images/0E9R3576_trimmed.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-constriction {
	background-image: url(../images/MG_0160.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-face {
	background-image: url(../images/shinsanso_01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 51%;
}

.Column-Title-hairgrowth {
	background-image: url(../images/MG_0109.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-bskin {
	background-image: url(../images/0E9R3591-trimmed.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 41%;
}

.Column-Title-founding {
	background-image: url(../images/IMG_1005.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65% 47%;
}

.Column-Title-metabolism {
	background-image: url(../images/DSC0149-dark.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 45% 19%;
}

.Column-Title{
	display: flex ;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.30); 
	height: 500px;
}

.Column-Title h1{
	color: white;
	font-size: large;
}

.Column-Text {
	color: #0E3C53;
	line-height: 2.5em;
	text-align: justify;
}

.Column-Text p{
	margin-bottom: 2.5em;
}

.Column-Text-Container {
	margin-top: 50px;
	margin-bottom: 50px;
}

.Column-Footer {
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.Column-Next-Button {
	display: block;
	margin: 15px 15px 0px;
	padding: 10px 30px;
	background-color: rgba(255,255,255,0.35);
	border: 2px solid rgba(255,255,255,1.00);
	border-radius: 29px;
	color: white;
}

.Column-index-left {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,0.35);	
 padding: 40px 0px;
}

.Column-index-right {
	min-height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.18);	
}

.Column-index-right-content {
	text-align: center;
	color: white;
	margin: 50px 2
		0px;
}

.Column-index a{
	font-size: 1.5rem;
	display: inline-block;
	color: white;
	border: 1px solid rgba(255,255,255,1.00);
	border-radius: 20px;
	padding: 10px 40px;
	margin: 30px;
	transition-duration: 0.1s;
}

.Column-index a:hover{
	background-color: rgba(255,255,255,0.67);
	text-decoration: none;
	color: rgba(255,140,98,1.00);
}