*{
    margin: 0;
    padding: 0;
}

body{
    width: 100%;
    background-color: #2F394B;
}

section{
    padding: 0em 35em 5em;
}

h2{
	text-align: center;
	margin: 1em;	
}

p{
	font-family: ten-mincho, serif;
	font-weight: 100;
	font-style: normal;
	line-height: 150%;
	letter-spacing: .5px;
	font-size: 16px;
	color: #2F394B;
}

details{
    cursor: pointer;
}

summary{
    font-family: ten-mincho, serif;
	font-weight: 100;
	font-style: normal;
	line-height: 150%;
	letter-spacing: .5px;
	font-size: 16px;
}

.first{
	border: solid #BCA165;
    border-width: 1px 0;
}

.first summary{
	list-style-type: none;
	font-size: 25px;
	color: #FAF4EB;
	padding: 1em 0 1em 1em;
}

.first p{
	padding: 1em 1.6em;
    background-image: url("../images/papertexture.svg");
    background-repeat: repeat;
}

.second{
    padding-left: .6em;
	background-image: url("../images/papertexture.svg");
    background-repeat: repeat;
}

.second summary{
	list-style-type: revert;
	color: #2F394B;
	font-size: 20px;
	padding: .8em 1em;
}

.second summary::marker{
	color: #BCA165;
}

.second p{
	padding: 0 2.6em;
	color: #2F394B;
}

.third{
	padding-left: 1.3em;
}

.fourth{
	padding-left: 2em;
}

.fourth p{
	padding: 0 2.5em;
}

.fifth{
    padding-left: 1.5em;
}

.fifth summary{
	font-size: 16px;
	list-style-type: none;
	color: #BCA165;
	/* text-decoration: underline; */
}

.fifth p{
	padding: 0 1em;
}

.sixth{
    padding-left: 1.6em;
}

.sixth summary{
	font-size: 16px;
	list-style-type: none;
	color: #BCA165;
}

.sixth p{
	padding: 0 1em;
}

.eighth{
    padding-left: 8em;
}

#c-a .third summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#c-a details[open]>summary{
	text-decoration: underline;
}

#c-a .third{
	padding-left: 1.5em;
}

#c-a .third p{
	padding: 0 1em;
}

#c-b-a-b .fifth summary{
	list-style-type: revert;
	color: #2F394B;
	font-size: 18px;
	padding: .8em 1em;
	text-decoration: none;
}

#c-b-a-b .fifth details[open]>summary{
	text-decoration: underline;
}

#c-b-a-b .sixth{
	padding-left: 0;
}

#c-b-a-b .sixth summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#c-b-b-a details[open]>summary{
	text-decoration: underline;
}

#c-b-b-a .sixth{
	padding-left: 0;
}

#c-b-b-b details[open]>summary{
	text-decoration: underline;
}

#c-b-b-b .sixth{
	padding-left: 0;
}

#c-b-b-c details[open]>summary{
	text-decoration: underline;}

#c-b-b-c .sixth{
	padding-left: 0;
}

#c-b-b-d details[open]>summary{
	text-decoration: underline;}

#c-b-b-d .sixth{
	padding-left: 0;
}

#c-b-b-e details[open]>summary{
	text-decoration: underline;}

#c-b-b-e .sixth{
	padding-left: 0;
}

#c-b-b-f details[open]>summary{
	text-decoration: underline;}

#c-b-b-f .sixth{
	padding-left: 0;
}

#c-b-b-g details[open]>summary{
	text-decoration: underline;}

#c-b-b-g .sixth{
	padding-left: 0;
}

#c-b-c-a details[open]>summary{
	text-decoration: underline;
}

#c-b-c-a .sixth{
	padding-left: 0;
}

#d-a .fourth{
	padding-left: 1.4em;
} 

#d-a .third details[open]>summary{
	text-decoration: underline;
}

#d-a .fourth summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#d-a .fourth p{
	padding: 0 1em;
}

#d-a .fifth{
	padding: 0;
}

#d-b-b-a summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#d-b-b-a[open]>summary{
	text-decoration: underline;
}

#d-b-b-a details[open]>summary{
	text-decoration: underline;
}

#d-b-b-a p{
	padding: 0 1em;
}

#d-b-b-a .fifth{
	padding-left: 0;
}

#d-b-b-a .sixth{
	padding-left: 0;
}

#d-b-b-b .fifth summary{
	font-size: 16px;
	color: #2F394B;
	list-style-type: revert;
}

#d-b-b-b .fifth summary::marker{
	color: #BCA165;
}

#d-b-b-b .fifth p{
	padding: 0 1.9em;
}

#d-b-b-b .sixth{
	padding-left: 1em;
}

#d-b-b-b .sixth summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#d-b-b-b .sixth[open]>summary{
	text-decoration: underline;
}

#d-b-b-b .sixth p{
	padding-left: 1em;
}

#e-b .fourth summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#e-b .third details[open]>summary{
	text-decoration: underline;
}

#e-b .fourth{
    padding-left: 1.7em;
}

#e-b .fourth p{
	padding: 0 1em;
}

#e-b .fifth{
	padding: 0;
}

#e-c .third summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#e-c .third p{
	padding: 0 1em;
}

#e-c .fourth{
	padding: 0;
}

#e-c details[open]>summary{
	text-decoration: underline;
}

#e-d .third summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#e-d details[open]>summary{
	text-decoration: underline;
}

#e-d .third p{
	padding: 0 1em;
}

#e-d .fourth{
	padding: 0;
}

#e-d .fifth{
	padding: 0;
}

#e-e .fourth summary{
	font-size: 16px;
	color: #BCA165;
	list-style: none;
}

#e-e .third details[open]>summary{
	text-decoration: underline;
}

#e-e .fourth p{
	padding: 0 1em;
}

#e-e .fifth{
	padding-left: 0;
}

#e-e .sixth{
	padding-left: 0;
}

.top{
	border-top: solid 2px #BCA165;
}

.bottom{
	border-bottom: solid 2px #BCA165;
}

#back{
    color: #BCA165;
    text-decoration: underline;
	display: inline-block;
	margin: 1em 0;
}

a{
	font-family: ten-mincho, serif;
	font-weight: 400;
	font-style: normal;
}

footer{
    background-image: url("../images/papertexture.svg");
    background-repeat: repeat;
}

footer #logos{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em 0;
}

footer a{
    margin: 0 4em;
	display: flex;
    align-items: center;
}

@media only screen and (max-width:1800px) {
	
	section{
		padding: 0em 15em 5em;
	}

}

@media only screen and (max-width:900px) {

	#logos img{
		width: 9vw;
	}
}

@media only screen and (max-width:768px) {
	
	section{
		padding: 0em 5em 5em;
	}

	h2 img{
		width: 100%;
	}

}

@media only screen and (max-width:599px) {

	section {
		padding: 0em 5vw 5em;
	}

	p{
		font-size: 12px;
	}

	.first summary{
		font-size: 16px;
	}

	.second summary{
		font-size: 14px;
	}

	.fourth {
		padding-left: 1em;
	}

	.fifth {
		padding-left: 1em;
	}

	#c-a .third summary{
		font-size: 13px;
	}

	#c-b-a-b .fifth summary {
		font-size: 14px;
	}

	#d-a .fourth {
		padding-left: 1em;
	}

	#d-a .fourth summary {
		font-size: 14px;
	}

	#d-b-b-a summary {
		font-size: 13px;	
	}

	#d-b-b-b .fifth summary {
		font-size: 14px;
	}

	#e-b .fourth {
		padding-left: 1em;
	}

	#e-b .fourth summary {
		font-size: 13px;	
	}
	
	#e-c .third summary {
		font-size: 13px;
	}

	#e-d .third summary {
		font-size: 13px;
	}

	#e-e .fourth summary {
		font-size: 13px;
	}

	footer a{
		margin: 0 4vw;
	}	

	#logos img{
		width: 12vw;
	}

}