h1,h2 {
font-size:1.6em;
}

h1 {
border-bottom: 1px dotted #3d3333;
padding-bottom: .25em;
}

section.main-contents {
/*border-bottom: 1px solid #cccccc;*/
margin:0 auto 30px;
text-align:center;
width: 98%;
}

section p {
font-size:1.2em;
}

h2 {
display:inline-block;
width:100%;
margin-top:20px;
margin-bottom:.8rem;
font-size:2.8rem;
font-weight:400;
color:#3d3333;
text-align:left
}

h2.multi {
padding:6px 0;
border-bottom:8px solid rgba(1,64,153,1.00);
position:relative
}

h2.multi:before,h2.multi:after {
content:"";
display:block;
height:8px;
position:absolute;
bottom:-8px
}

h2.multi:before {
width:20%;
left:8%;
background:rgba(255,255,255,0.7)
}

h2.multi:after {
width:30%;
left:12%;
background:rgba(1,64,153,0.6)
}

@media screen and (max-width: 767px) {
h2.multi {
font-size:2rem;
line-height:2.8rem;
margin-bottom:1.5rem;
background-color:#fff;
padding:0 5px
}

}