
body, div#page{ min-width:300px!important; width:100%!important; }
h2{ font-size:1.2rem; box-sizing: border-box; border-bottom: 2px solid black; padding-bottom: 5px; margin-bottom:50px; }

#lumixbase-content .content #top{ width:720px; max-width:100%; margin:20px auto; }
#lumixbase-content .content #top .top{ padding:0 .5rem; /* display: flex; flex-direction: row-reverse; justify-content: center; */ }
#lumixbase-content .content #top .top>.item{ /*width:50%;*/ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly;}
#lumixbase-content .content #top .top>.item>.inner{ padding:0 10% 0 10%; }
#lumixbase-content .content #top .top>.item>.inner .title{ font-size:2rem; font-weight:bold; white-space: nowrap; padding:0; margin:0; border:0; text-align:left; }
#lumixbase-content .content #top .top>.item>.inner .subtitle{ /*font-size:1.3rem; white-space: nowrap;*/ padding:0; margin:0; border:0; font-size:1.1rem; font-weight:bold; }

#lumixbase-content .content .sec {
	width:960px;
	max-width:90%;
	margin:80px auto;
}
#lumixbase-content .image>.inner>img{ margin:0 auto; }

#summary .summary p {
    margin-bottom: 1rem;
}
h3{ font-size:1.1rem; font-weight:bold; margin-top:3rem; }

section#artist .artist{ margin-bottom:2rem; }
section#artist .artist .inner{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;     -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; display:block; }
section#artist .artist h2{ width:100%; margin:20px; }
section#artist .artist div.image{ display:inline-block; width:30%; }
section#artist .artist div.summary{ display:inline-block; width:70%; }
section#artist .artist div.image>div.inner{ padding:10px; }
section#artist .artist div.summary>div.inner{ padding:0 0 0 20px; }
section#artist .artist div.summary p.name { font-size: 1.3rem!important; font-weight:bold; margin: 0 0 1rem; }
section#artist .artist div.summary div.detail { font-size: .8rem!important;}

section.sec .inner { padding: 0 2rem; }

#lumixbase-content .content #top .top>.item>.inner{ padding-left:0; }
#lumixbase-content .content #top .top>.item>.inner .subtitle{ padding-left:2rem; }
#summary .summary p { margin-bottom:0!important; }
#summary .summary p.mt1 { margin-top:1rem!important; }

@media screen and (max-width: 640px) {
section#artist .artist div.image{ width:100%; max-width:100%; }
section#artist .artist div.summary{ width:100%; max-width:100%; }
h1.title{ font-size:1rem; }
section#artist .artist div.summary>div.inner{ padding:0 10px; }
section#artist .artist div.summary p.name { font-size: 1rem!important; }
section.sec .inner { padding: 0 .5rem; }
#lumixbase-content .content #top .top>.item>.inner .title { font-size:1.2rem; }
}

