/* --------------------------------------------------
Styles Single
-------------------------------------------------- */
body #wrapper #content h3 { margin: 0 0 17px; }
body #wrapper #content .tag { width: 139px; height: 30px; line-height: 30px; background: #040000; color: #fff; text-align: center; font-size: 5rem; letter-spacing: .05em; margin: 0 auto 30px; }
body #wrapper #content article { min-width: 205px; width: 68%; margin: 0 auto; }
body #wrapper #content article .head-image { margin: 0 0 15px; }
body #wrapper #content article h4 { font-size: 3.6rem; line-height: 1.375; }
body #wrapper #content article time { display: block; font-size: 2.4rem; margin: 0 0 1.375em; }

@media screen and (min-width: 768px) { body #wrapper #content h3 { margin: 0 0 64px; }
  body #wrapper #content .tag { width: 328px; height: 70px; line-height: 70px; font-size: 6.5rem; margin: 0 auto 60px; transition: background .4s ease 0s; }
  body #wrapper #content .tag:hover { background: rgba(4, 0, 0, 0.6); }
  body #wrapper #content article { max-width: 90%; width: 665px; margin: 0 auto; }
  body #wrapper #content article .head-image { margin: 0 0 30px; }
  body #wrapper #content article h4 { font-size: 2.5rem; line-height: 1.5; }
  body #wrapper #content article time { font-size: 1.5rem; margin: 0 0 1.5em; } }