/* =Child-Theme responsive styles starts here
-------------------------------------------------------------- */


/* Headings never hyphenate
   ------------------------------------------------------------
   The parent theme turns on automatic hyphenation for every heading below
   480px (clean/skins/default/css/responsive.css). On body copy that is worth
   having, but headings here are display type at 34px and up, so a break lands
   as a huge "aes-thetics" across two lines of the home banner - the first
   thing anyone sees on a phone.

   Headings are short enough to wrap between words on their own, so the
   hyphenation goes off and the words stay whole. overflow-wrap is the safety
   net for the one case word-wrapping cannot solve: a single word longer than
   the line, which would otherwise run off the side of the screen.

   This file is enqueued at priority 2500, after the parent responsive styles
   at 2000, so a plain element selector is enough to win here.
------------------------------------------------------------ */

@media (max-width: 479px) {
	h1, h2, h3, h4, h5, h6 {
		hyphens: manual;
		-webkit-hyphens: manual;
		overflow-wrap: break-word;
	}
}