.ch07 {
	font-size: 130%;
	text-align: left;
	padding-left: 0px;
	position: relative;
	line-height: 1.5em;
}
.ch08 {
	font-size: 150%;
	text-align: left;
	padding-left: 0px;
	position: relative;
	line-height: 1.5em;
	margin: 20px auto 0px
}
.s_txt {
	font-size: 70%;
}

.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:auto;
    margin:0;
    padding:30px 40px;
    background:#fff;

	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.14);
	-moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.14);
	-webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.14);

	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.modal-content p {
    margin:0;
    padding:0;
}
.modal-content h3 {
   font-size: 140%;
   margin-bottom: 20px;
   text-align: left;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(255,255,255,0.8);
}

.modal-open {
    color:#00f;
    text-decoration: none;
}

.modal-open:hover {
    cursor:pointer;
    color:#fff;
    text-decoration: none; 
}

a.modal-close {
    color:#fff;
    text-decoration:none;
    padding: 10px 30px 10px 30px;
    background: #545454;
    margin-top: 40px;
    display: inline-block;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

a.modal-close:hover {
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    background: rgba(84,84,84,0.78);
}


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

.ch07 {
	font-size: 110%;
	text-align: left;
	padding-left: 0px;
	position: relative;
	line-height: 1.5em;
	margin: 20px auto 0px
}
.ch08 {
	font-size: 130%;
	text-align: left;
	padding-left: 0px;
	position: relative;
	line-height: 1.5em;
	margin: 20px auto 0px
}

}