.monograph-content{padding-top: 14rem;background: url(../images/bg.jpg);}
.monograph-content .container{
	width: 128rem;
    padding: 0rem;
}
.monograph-content .row{display: flex;justify-content: center;align-items: flex-start;padding: 3.5rem 0;position: relative;flex-wrap: wrap;} 
.monograph-content .row-reverse{flex-direction: row-reverse;}
.monograph-content .mo-pic{
	width: 50%;
	padding-right: 3rem;
	position: relative;
	z-index: 2;
	display: flex;justify-content: flex-end;
}
.monograph-content .row-reverse .mo-pic{padding-left: 3rem;padding-right: 0;justify-content: flex-start;}

.m375{max-width: 375px}
.m370{max-width: 370px}

.monograph-content .mo-txts{width: 50%;padding-right: 13rem;position: relative;z-index: 1;display: flex;flex-direction: column;}
/*.monograph-content .row.full-row{flex-direction: column;}*/
.full-row .mo-txts,.full-row .mo-pic{width: 100%;padding:0;max-width: 1020px;}
.monograph-content .mo-pic.timeline-pic{
	max-width: 728px;
}
.monograph-content .row-reverse .mo-txts{padding-left: 13rem;padding-right:0;}
.monograph-content .motxt-type1{}

.monograph-content .mo-name{}
.monograph-content .mo-name span{font-size: 50%;margin-left: 1em;display: inline-block;line-height: 1em;}
.monograph-content h1{
	color: #F1A250;
	font-weight: bold;
	font-size: 4.8rem;
	line-height: 1.33em;
	white-space:nowrap;
}
.monograph-content .mo-name{
	color: #F1A250;
	font-size: 3.6rem;
}
.monograph-content p{
	display: block;
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: .75em 0;
}
.monograph-content .mo-txtarea{
	position: relative;
	padding: 1.5em 0;
}
.monograph-content .motxt-type1{
	border:4px solid #F1A250;
	border-radius: 0 0 10rem 0;
	padding: 4rem 3rem 4rem 8rem;
	margin-top: -4rem;
	left: calc(-8rem - 4px);
}
.monograph-content .bgtype1{
	width: calc(200% + 2em);
	position: absolute;height: 100%;
	right: -1em;top: 0;
	border-radius: 0 0 5rem 0;
	z-index: -1;
}

.monograph-content .bgtype2{
	width: calc(200% + 2em);
	position: absolute;height: 100%;
	right: -50%;top: 0;
	border-radius: 0 0 5rem 0;
	z-index: -1;
}
.monograph-content .bgtype3{
	width: 50%;
	position: absolute;height: 40%;
	border-radius: 0 0 0 5rem;
	z-index: 0;
	bottom: 0%;
	left: 0;
}

.monograph-content .bgtype4{
	width: calc(200% + 2em);
	position: absolute;height: 100%;
	left: -2em;top: 0;
	border-radius: 5rem 0 5rem 0;
	z-index: -1;
}
.monograph-content .bgtype5{
	width: calc(200% + 2em);
	position: absolute;height: 100%;
	border-radius: 0 0 5rem 0;
	z-index: -1;
	bottom: 0%;
	right: -2em;
}
.monograph-content .bgtype6{
	width: calc(100% + 4em);
	position: absolute;height: 100%;
	border-radius: 5rem 0 5rem 0;
	z-index: -1;
	bottom: 0%;
	right: -2em;
}
.monograph-content .bgtype7{
	width: calc(200% + 2em);
	position: absolute;height: 100%;
	border-radius: 0 0 0 5rem ;
	z-index: -1;
	bottom: 0%;
	left: -2em;
}





.monograph-content .row-reverse .bgtype3{margin-left: 13rem;margin-bottom: 3.5rem;}
.monograph-content .bgblue{background: rgba(107, 169, 235, .2)}
.monograph-content .bgyellow{background: rgba(250, 202, 0, .2)}
.monograph-content .bggreen{background: rgba(116, 182, 29, .2)}




@media screen and (max-width: 768px) {
	.monograph-content .container{width: 100%;padding: 0 2rem;}
	.monograph-content .row{
		flex-direction: column;
	}
	.monograph-content .mo-pic{		width: 100%;		padding-right: 0rem;	}
	.monograph-content .row-reverse .mo-pic{padding-left: 0rem;padding-right: 0;}
	.monograph-content .mo-txts{width: 100%;padding-right: 0rem;margin:4rem 0;}
	.monograph-content .row-reverse .mo-txts{padding-left: 0rem;padding-right:0;}

	.monograph-content .motxt-type1{left: 0;margin-top: 4rem;padding: 4rem;}

	.monograph-content h1{
		color: #F1A250;
		font-weight: bold;
		font-size: 6rem;
		line-height: 1.33em;
	}
	.monograph-content .mo-name{
		color: #F1A250;
		font-size: 4rem;
	}
	.monograph-content p{
		font-size: 3.2rem;
	}
	.monograph-content .bgtype1{
		width: 100vw;
		position: absolute;height: 100%;
		right: -1em;top: 0;
		border-radius: 0 0 0rem 0;
	}

	.monograph-content .bgtype2{
		width: 100vw;
		position: absolute;height: 100%;
		right: 50%;top: 0;
		border-radius: 0 0 0rem 0;
		transform: translateX(50%);
	}
	.monograph-content .bgtype3{
		width: 100vw;
		position: absolute;height: 0%;
		border-radius: 0 0 0 0rem;
		bottom: 0%;
		left: 50%;
		transform: translateX(-50%);
		margin:0;
	}

	.monograph-content .bgtype4{
		width: 100vw;
		position: absolute;height: 100%;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 5rem 0 5rem 0;
	}
	.monograph-content .bgtype5{
		width: 100vw;
		position: absolute;height: 100%;
		border-radius: 0 0 5rem 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.monograph-content .bgtype6{
		width: 100vw;
		position: absolute;height: 100%;
		border-radius: 5rem 0 5rem 0;
		z-index: 0;
		bottom: 0%;
		left: 50%;
		transform: translateX(-50%);
	}
	.monograph-content .bgtype7{
		width: 100vw;
		position: absolute;height: 100%;
		border-radius: 0 0 0 5rem ;
		z-index: 0;
		left: 50%;
		transform: translateX(-50%);
	}



	.monograph-content .row-reverse .bgtype3 {
	    margin-left: 0rem;
	    margin-bottom: 0rem;
	}
}