/* terms content */
.terms{
    background-color: #fff6eb;
}
.terms__container__main{
    color: #2274dd;
    font-size: 30px;
    max-width: 1100px;
    line-height: 1.4em;
    font-weight: 300;
}
.terms__container__divider{
    width: 100%;
    height: 1px;
    background-color: #2274dd;
    margin-top: 55px;
    margin-bottom: 50px;
}
.terms__container__main h3{
    color: #b667ab;
    font-size: 35px;
    font-weight: 300;
}
.terms__container__main p:nth-child(n+1){
    margin-top: 50px;
}
.terms__container__terms{
    margin-top: 80px;
}
.terms__container__terms p{
    max-width: 1000px;
    margin-left: 100px;
    font-size: 24px;
    line-height: 1.4em;
    position: relative;
}
.terms__container__terms p::before{
    content: "";
    left: -70px;
    top: 0px;
    bottom: 0;
    margin: auto auto;
    position: absolute;
}
.terms__container__terms__term:nth-child(1) p:before{
    content: "I.";
}
.terms__container__terms__term:nth-child(2) p:before{
    content: "II.";
}
.terms__container__terms__term:nth-child(3) p:before{
    content: "III.";
}
.terms__container__terms__term:nth-child(4) p:before{
    content: "IV.";
}
.terms__container__terms__term:nth-child(5) p:before{
    content: "V.";
}
.terms__container__terms__term p:nth-child(n+1){
    margin-top: 50px;
}
@media(max-width: 1600px){

	.terms__container__main h3 {
    font-size: 30px; 
	}
	.terms__container__main {
    font-size: 20px; 
	} 
	.terms__container__terms p {

    font-size: 19px; 
	}
}
@media(max-width: 1024px){
	.terms__container__main {
		font-size: 22px;
	}
	.terms__container__main p:nth-child(n+1) {
		margin-top: 30px;
	}
	.terms__container__terms p {
		font-size: 20px; 
	}
	.terms__container__main h3 {
		margin-bottom: 50px;
	}
	.terms__container__terms__term p:nth-child(n+1) {
		margin-top: 30px;
	}
}
@media(max-width: 850px){
    .terms__container__main h3 {

        margin-bottom: 30px;
    }
    .terms__container__main {
        font-size: 16px;
    }
    .terms__container__terms p {
        margin-left: 0;
    }    
    .terms__container__terms p::before {
        left: 0;
        position: relative;
    }
    .terms__container__terms p {
        font-size: 16px;
    }
    .terms__container__terms__term p:nth-child(n+1) {
        margin-top: 20px;
    }

    .terms__container__main p:nth-child(n+1) {
        margin-top: 20px;
    }
    .terms__container__terms {
        margin-top: 30px;
    }

}
@media(max-width: 600px){
    .terms__container__main h3 {
        font-size: 19px;
        margin-bottom: 20px;
    }
	.terms__container__divider {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}