.text-body { color: rgba(0, 0, 0, 0.65) !important; }

.skin { color: #FFF6E6; }

.purple { color: #9EB1D2; }

.pink { color: #F5949C !important; }

.teal { color: #29B8CA; }

.brown { color: #735147; }

.lightbrown { color: #B0937E !important; }

.lighterbrown { color: #A1846F !important; }

.red { color: #EC5870; }

.blue { color: #005D85; }

.yellow { color: #FFDA00; }

.green { color: #65CB7A; }

.wine { color: #D584AF; }

.orange { color: #FFC400 !important; }

.lightgreen { color: #A5E8E8; }

.lightblue { color: #54C2F1; }

.lighterblue { color: #5864DB; }

.lightestblue { color: #E4F5FC; }

.bg-orange { background-color: #FFC400; }

.bg-lightorange { background-color: #FBB65B; }

.bg-green { background-color: #65CB7A; }

.bg-blue { background-color: #005D85; }

.bg-pink { background-color: #F5949C; }

.bg-yellow { background-color: #FFDA00; }

.bg-green { background-color: #65CB7A; }

.bg-light { background-color: #f8f9fa !important; }

.bg-lightblue { background-color: #54C2F1; }

.bg-lightestblue { background-color: #E4F5FC; }

.bg-lightestyellow { background-color: #FFFFEE; }

.bg-lighterorange { background-color: #F9D5A6; }

.bg-lightestorange { background-color: #FFF9E0; }

.bg-lightgreen { background-color: #A5E8E8; }

.bg-lightergreen { background-color: #ddecd4; }

.bg-lightestgreen { background-color: #E1EFE2; }

.bg-lightestpink { background-color: #FFF7F7; }

.bg-light2 { background-color: #F8F3EA; }

.bg-lightbrown { background-color: #B0937E; }

.bg-lighterbrown { background-color: #A1846F; }

.bg-brown { background-color: #735147; }

.bg-transgreen { background-color: rgba(101, 203, 122, 0.9); }

.bg-transwhite { background-color: rgba(255, 255, 255, 0.9); }

h1 { font-size: 2rem; }
h1 span { font-size: 1rem; color: #7DA6B4; display: block; font-family: -apple-system, BlinkMacSystemFont, "Century Gothic", "Segoe UI", "Helvetica Neue", "HelveticaNeue", "Verdana", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "Meiryo UI", sans-serif; font-weight: normal !important; }

h2 { font-size: 1.5rem; margin: 3rem 0 2rem; padding: 1rem; background: #005D85; border-left: 5px solid #54C2F1; color: #fff; }

h3 { color: #005D85; font-size: 1.25rem; margin: 2rem 0 1rem; border-top: 1px solid #005D85; border-bottom: 1px solid #005D85; padding: 0.5rem; }

h4 { font-size: 1.1rem; }

main figure img { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

@media (max-width: 767.98px) { h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; padding-left: 1rem; }
  h3 { font-size: 1.1rem; }
  h4 { font-size: 1rem; } }