/* Smartphone only. Center the actual paragraph box, not the text. */
@media screen and (max-width:760px) {
 html body.mrg-rails-demo .mrg-designed .md-about-card,
 html body.mrg-rails-demo .mrg-designed .md-theme {
   box-sizing:border-box !important;
   padding-left:18px !important;
   padding-right:18px !important;
 }
 html body.mrg-rails-demo .mrg-designed .md-about-card > .md-about-lead,
 html body.mrg-rails-demo .mrg-designed .md-about-card > .md-description,
 html body.mrg-rails-demo .mrg-designed .md-theme > .md-theme-copy {
   box-sizing:border-box !important;
   display:block !important;
   position:static !important;
   inset:auto !important;
   float:none !important;
   clear:both !important;
   flex:none !important;
   align-self:center !important;
   width:100% !important;
   min-width:0 !important;
   max-width:100% !important;
   margin-left:auto !important;
   margin-right:auto !important;
   padding-left:0 !important;
   padding-right:0 !important;
   transform:none !important;
   text-align:left !important;
   text-align-last:left !important;
   font-size:clamp(14px,3.65vw,16px) !important;
   line-height:1.85 !important;
   letter-spacing:0 !important;
   white-space:normal !important;
   word-break:normal !important;
   overflow-wrap:break-word !important;
 }
 html body.mrg-rails-demo .mrg-designed .md-about-card > .md-about-lead {margin-top:26px !important;margin-bottom:30px !important;}
 html body.mrg-rails-demo .mrg-designed .md-about-card > .md-description {margin-top:0 !important;}
 html body.mrg-rails-demo .mrg-designed .md-about-card .about-sentence {display:block !important;margin-bottom:1.4em !important;white-space:normal !important;}
 html body.mrg-rails-demo .mrg-designed .md-about-card .about-keep-phrase {white-space:normal !important;}
 html body.mrg-rails-demo .mrg-designed .md-theme > .md-theme-copy {margin-top:28px !important;}
 html body.mrg-rails-demo .mrg-designed .md-theme .md-theme-copy br {display:block !important;}
}