.wrap { line-height: 1.5; color: #555; font-size: 18px }
.wrap h4 { margin: 1px 1px 1px 1px; font-size: 18px }
.wrap h2, .wrap h3 { margin: 20px 1px 1px 1px; font-size: 18px }
.wrap h1 { margin: 20px 1px 1px 1px; font-size: 20px }
.wrap p { margin: 5px 1px 15px 1px;  }
.wrap ul { margin: 1px 1px 1px 1px }

.site-main .wrap .breadcrumbs ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.site-main .wrap .breadcrumbs ul li { display: inline-block; color: #000; font-size: .938rem; vertical-align: middle; }
.site-main .wrap .breadcrumbs a { color: inherit; text-decoration: none; }
.site-main .wrap .breadcrumbs > ul > li.after { padding: 0 .5rem; }

@media screen and (max-width: 1023px) {
    .wrap { font-size: 23px }
    .wrap h1 { font-size: 34px }
    .wrap h2, .wrap h3 { font-size: 23px }
    .wrap h4 { font-size: 23px }
}