@media only screen and (max-width: 1400px) {
	.page-banner { height: 445px; }
}

@media only screen and (max-width: 1279px) {
	.intro-bar .top_content { padding: 0 40px 47px; }
	.intro-bar h1 { font-size: 70px; line-height: 60px; }
	.intro-bar .top_content p { padding: 0 40px 35px; }
	.intro-bar .grid { padding: 0 20px 14px; }
	
	.page-menu-bar a small { font-size: 12px; line-height: 12px; }
	.page-menu-bar a { font-size: 15px; line-height: 15px; height: 66px; }
	.page-banner { margin-top: 143px; height: 390px; }		
		
	.pre-footer .inner { padding: 0 20px; }
	.pre-footer p { padding: 5px 20px 10px 0; } 
	.pre-footer .footer-logo { min-width: 320px; margin-left: 30px; }
}

@media only screen and (max-width: 1121px) {
	.page-intro-bar .wrapper, .info-bar .wrapper, .text-block .wrapper, .author-bar .wrapper, .palette-bar .wrapper { max-width: 994px; }	
	
	.page-intro-bar .text { padding: 0px 80px 40px 60px; }
	.info-bar .left { padding: 0 45px 20px 0; }
	.text-block .left { padding: 0 30px 0px 0; }
	.palette-bar ul li .box { width: 117px; height: 117px; }
	.page-intro-bar.spacing .text { padding: 0px 20px 25px 50px; }
	
	.info-bar.spacing .left { padding: 35px 40px 0px 0; }
	.palette-bar.color { padding: 10px 0 0; }
	.palette-bar.color h3 { padding-bottom: 17px; }
	
	.page-intro-bar.spacing2 { padding: 65px 0 38px; }
	.page-intro-bar.spacing2 .text { padding: 0px 20px 44px 40px; }
	.info-bar.spacing1 p { padding-bottom: 15px; }
	.text-block.spacing1 h3 { padding-bottom: 10px; }
	.text-block.spacing1 p:not(:nth-last-of-type(1)) { padding-bottom: 15px; }
	.info-bar.spacing2 { padding: 0 0 35px; }
	.page-intro-bar.spacing3 .text { padding: 0px 20px 12px 50px; }
	.palette-bar { padding: 0px; }
	
	.page-intro-bar.spacing5 { padding: 44px 0 33px; }
	.info-bar.spacing4 .left { padding: 0 40px 20px 0; }
	.text-block.spacing4 .left { padding: 0px 40px 30px 0; }
	.text-block.spacing4 .right img:nth-of-type(2) { margin-top: 20px; }
	.page-intro-bar.spacing4 .text { padding: 0px 50px 26px 55px; }
	.info-bar.spacing3 .left { padding: 0px 40px 20px 0; }
	.text-block.spacing3 p:not(:nth-last-of-type(1)) { padding-bottom: 12px; }
	.author-bar.color3 p:not(:nth-last-of-type(1)) { padding-bottom: 15px; }
	.author-bar.color3 .text { padding: 0px 35px 0px 0px; }
}

@media only screen and (max-width: 1023px) {
	header ul.left_logos li.sherwin_logo a { width: 120px; }
	header ul.left_logos li.realsimple_logo a { width: 120px; }
	header ul.left_logos li.ms-living-logo a { width: 60px; }
	header ul.left_logos li.bhg-logo a { width: 100px; }
	header ul.left_logos li.southern-living-logo a { width: 110px; }
	header ul.social_icon { margin: 10px 0; }
	
	.page-menu-bar a small { font-size: 10px; line-height: 10px; }
	.page-menu-bar a { font-size: 13px; line-height: 13px; height: 60px; }
	.page-title-bar h1 { font-size: 50px; line-height: 50px; }
	.page-title-bar h1 small { font-size: 45px; margin-bottom: -5px; }
	.page-title-bar .box { max-width: 330px; margin: -125px auto 0; }
	.page-intro-bar.spacing .text { padding: 0px 10px 0px 35px; }
	
	.intro-bar .top_content { padding: 0 20px 47px; }
	.intro-bar h1 { margin: 0 0px 35px; font-size: 55px; line-height: 45px; }
	.intro-bar .top_content p { padding: 0 40px 25px; font-size: 17px; line-height: 27px; }
	.intro-bar .grid { padding: 0 20px; display: flex; flex-wrap: wrap; justify-content: center; }
	.intro-bar .top_content .note { font-size: 16px; line-height: 22px; } 
	.intro-bar .grid .col-3 { padding-bottom: 50px; width: 25%; float: none; }
	.intro-bar .cta_block { max-width: 515px; }
	.intro-bar .cta_block h2 { font-size: 28px; line-height: 32px; }
	
	.page-banner { margin-top: 122px; height: 0px; padding-bottom: 56.25%; }
	
	.head-wrap { top: 110px; }
	.ad_container { padding: 10px 0; min-height: 110px; }
	
	.page-intro-bar .wrapper, .info-bar .wrapper, .text-block .wrapper, .author-bar .wrapper, .palette-bar .wrapper { max-width: 728px; }	
	
	.page-intro-bar .text { padding: 0px 0px 40px 30px; }
	.info-bar { padding-bottom: 30px; }
	.info-bar .left { padding: 0 20px 0px 0; width: calc(100% - 406px); }
	.info-bar h3 { padding-bottom: 10px; }
	.text-block .left { padding: 0 20px 0px 0; width: calc(100% - 406px); }
	.info-bar .circle-block, .text-block .right { width: 406px; }
	.text-block .text-block-inner { align-items: flex-start; }
	
	.quote-bar .wrapper { max-width: 650px; }
	.quote-bar p { font-size: 26px; line-height: 33px; }
	.quote-bar .byline { font-size: 16px; line-height: 22px; }
	.quote-bar .quote-text { padding: 30px 0 40px; }
	.quote-bar p:before { font-size: 220px; }
	.quote-bar.dreamer p:before { top: 68px; left: 15px; }
	.quote-bar.dreamer p, .quote-bar.dreamer.color p { padding: 0px 20px 0px 134px; }
	.quote-bar.dreamer .byline, .quote-bar.dreamer.color .byline { padding: 16px 0 0 134px; } 
	
	.circle-block .box { top: 20px; left: 25px; }
	.circle-block .box.two { right: 25px; top: 120px; }
	.circle-block .box.three { left: 100px; bottom: 20px; }
	.circle-block.color .box { right: 20px; }
	.circle-block.color .box.two { top: 60px; right: 200px; }
	.circle-block.color .box.three { right: 40px; }
	.circle-block.color .box.four { bottom: 30px; }
	.text-block h3, .info-bar h3, .author-bar h3, .palette-bar h3 { font-size: 30px; line-height: 38px; }
	.info-bar.spacing .left { padding: 20px 25px 0px 0; }
	.info-bar.spacing { padding-bottom: 30px; }
	.text-block { padding-bottom: 30px; }
	.quote-bar.dreamer { margin-bottom: 35px; }
	.author-bar { padding-bottom: 35px; }
	.text-block.spacing p:nth-last-of-type(1) { padding-bottom: 0px; }
	.palette-bar.color { padding: 0px; }
	
	.author-bar .image { width: 406px; }
	.author-bar .author-inner { align-items: flex-start; }
	.author-bar .text { padding: 0px 25px 0px 0px; width: calc(100% - 406px); }
	.palette-bar ul { margin: 0 -5px; justify-content: space-evenly; }
	.palette-bar ul li { width: 117px; }
	.palette-bar ul li .box { width: 110px; height: 110px; }
	
	.page-title-bar .box.color { max-width: 366px; }
	.page-intro-bar.spacing { padding: 76px 0 10px; }
	.info-bar.spacing h3 { padding-bottom: 5px; }
	
	.quote-bar.color .wrapper { max-width: 650px; }
	
	.page-title-bar .box.color1 { max-width: 350px; }
	.page-intro-bar.spacing2 .text { padding: 0px 0px 0px 40px; }
	.page-intro-bar.spacing2 { padding: 75px 0 25px; }
	
	.info-bar.spacing1 .circle-block { width: 406px; }
	.info-bar.spacing1 .left { padding: 0 25px 0px 0; width: calc(100% - 406px); }
	.circle-block.color1 .box { top: 15px; right: 30px; }
	.circle-block.color1 .box.two { left: 20px; top: 100px; }
	.circle-block.color1 .box.three { right: 70px; bottom: 20px; }
	.info-bar.spacing1 h3 { padding-bottom: 5px; }
	
	.text-block.spacing1 .left { padding: 0 25px 0px 0; width: calc(100% - 406px); }
	.text-block.spacing1 .right { width: 406px; }  
	.quote-bar.nurturer .wrapper { max-width: 580px; }
	.quote-bar.nurturer .quote-icon { margin: -67px 0 0 0px; left: -67px; width: 134px; height: 134px; font-size: 220px; line-height: 250px; }
	.quote-bar.nurturer p { padding: 9px 25px 0 100px; }
	.quote-bar.nurturer .byline { padding: 22px 0 0px 100px; }
	.text-block.spacing1 { padding-bottom: 30px; }
	.quote-bar.nurturer { padding-bottom: 40px; }
	.author-bar.color1 .image { width: 406px; }
	.author-bar.color1 .text { padding: 0px 25px 10px 0px; width: calc(100% - 406px); }   
	.author-bar.color1 h3 { padding-bottom: 5px; }
	.author-bar.color1 p:not(:nth-last-of-type(1)) { padding-bottom: 15px; }
	
	.page-title-bar .box.color2 { max-width: 380px; }
	.page-intro-bar.spacing3 .text { padding: 0px 10px 12px 40px; }
	.page-intro-bar.spacing3 { padding: 90px 0 30px; }
	
	.info-bar .image { width: 406px; }
	.info-bar.spacing2 .left { padding: 0px 25px 0px 0; width: calc(100% - 406px); }
	.info-bar.spacing2 .info-bar-inner { align-items: flex-start; } 
	
	.text-block.spacing2 { padding: 0 0 25px; }
	.text-block.spacing2 .right { width: 406px; }
	.text-block.spacing2 .left { padding: 0 25px 0px 0; width: calc(100% - 406px); }
	.text-block.spacing2 p { padding-bottom: 15px; }
	.text-block.spacing2 h3 { padding-bottom: 5px; }
	
	.author-bar.color2 { padding: 0px 0 30px; }
	.author-bar.color2 .text { width: calc(100% - 406px); }
	.author-bar.color2 h3 { padding-bottom: 5px; }
	.author-bar.color2 .image { width: 406px; }
	
	.page-title-bar .box.color4 { max-width: 420px; }
	.page-intro-bar.spacing5 { padding: 64px 0 25px; }
	.page-intro-bar.spacing5 .text { padding: 0px 10px 0px 40px; }
	
	.info-bar.spacing4 { padding: 0 0 30px; }
	.info-bar.spacing4 .circle-block { width: 406px; }
	.info-bar.spacing4 .left { padding: 0 25px 0px 0; width: calc(100% - 406px); } 
	.text-block.spacing4 { padding: 0 0 30px; }
	.text-block.spacing4 .left { padding: 0px 25px 0px 0; width: calc(100% - 406px); }
	.text-block.spacing4 .right { width: 406px; }
	
	.circle-block.color4 .box { top: 20px; left: 20px; }
	.circle-block.color4 .box.two { right: 15px; top: 15px; }
	.circle-block.color4 .box.three { right: 130px; }
	.circle-block.color4 .box.four { bottom: 20px; }
	.circle-block.color4 .box.five { right: 30px; bottom: 20px; }
	
	.quote-bar.dreamer.color03 .wrapper { max-width: 650px; }  
	.quote-bar.dreamer.color03 { margin: 0 0 35px; }
	.author-bar.color4 .text { padding: 0px 25px 0px 0px; }
	
	.page-title-bar .box.color3 { max-width: 400px; }
	.page-intro-bar.spacing4 { padding: 75px 0 11px; }
	.page-intro-bar.spacing4 .text { padding: 0px 10px 15px 40px; }
	.info-bar.spacing3 { padding: 0 0 30px; }
	.info-bar.spacing3 .circle-block { width: 406px; }
	.info-bar.spacing3 .left { padding: 0px 25px 0px 0; width: calc(100% - 406px); }
	.circle-block.color3 .box.two { right: 30px; }
	.circle-block.color3 .box.three { right: 60px; bottom: 40px; }
	.circle-block.color3 .box.four { left: 50px; bottom: 20px; }
	.text-block.spacing3 .left { padding: 0 25px 0px 0; width: calc(100% - 406px); }
	.text-block.spacing3 .right { width: 406px; }
	.quote-bar.dreamer.color02 .wrapper { max-width: 650px; }
	.quote-bar.dreamer.color02 p { padding: 0px 30px 0px 120px; }
	.quote-bar.dreamer.color02 p:before { left: 10px; }
	.quote-bar.dreamer.color02 .byline { padding: 15px 0 0 120px; }
	.author-bar.color3 { padding: 0px 0 30px; }
	.author-bar.color3 .text { padding: 0px 25px 0px 0px; width: calc(100% - 406px); }
	.author-bar.color3 h3 { padding-bottom: 5px; }
	.author-bar.color3 .image { width: 406px; }
	
	.circle-block.color2 .box { top: 20px; left: 30px; } 
	.circle-block.color2 .box.two { top: 20px; right: 20px; }
	.circle-block.color2 .box.four { left: 30px; }
	.circle-block.color2 .box.three { bottom: 60px; }
	
	.pre-footer p { padding: 5px 20px 10px 0; font-size: 24px; line-height: 31px; } 
	.pre-footer .footer-logo { min-width: 260px; margin-left: 20px; }

}

@media only screen and (max-width: 767px) {
	
	header .show_text { padding: 8px 20px 0; }
	header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 2px;}
	header a.paid_logo { margin: 0 auto 0; padding: 2px 5px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
	.ad_container { padding: 10px 0; min-height: 70px; max-height: 70px; }
	.head-wrap { top: 70px; }
	
	header ul.left_logos li.sherwin_logo a { width: 100px; }
	header ul.left_logos li.realsimple_logo, header ul.left_logos li.ms-living-logo, header ul.left_logos li.bhg-logo, header ul.left_logos li.southern-living-logo { padding: 0 0 0 7px; }
	header ul.left_logos li.realsimple_logo a { width: 100px; }
	header ul.left_logos li.ms-living-logo a { width: 50px; }
	header ul.left_logos li.bhg-logo a { width: 68px; }
	header ul.left_logos li.southern-living-logo a { width: 85px; }
	header ul.social_icon { margin: 9px 0; }	
	header ul.social_icon li a { width: 26px; height: 26px; border-width: 1px; }
	header ul.social_icon li a i { font-size: 12px; line-height: 24px; }
	header ul.left_logos li.sherwin_logo { padding-right: 12px; background-size: 8px auto; } 
	header ul.social_icon li { margin-left: 5px; }
	
	.page-banner { margin-top: 71px; }
	
	.pre-footer { margin-top: 15px; }
	.pre-footer .inner { display: block; }
	.pre-footer p { padding: 0px 0px 20px; margin: 5px auto 0; max-width: 360px; border: 0px; font-size: 20px; line-height: 28px; }
	.pre-footer .footer-logo { display: block; margin: 0px auto; max-width: 300px; min-width: inherit; }
	
	a.menuToggle { display: block; }

	.page-menu-bar { flex-wrap: wrap; position: absolute; top: 66px; left: 0px; width: 100%; display: none; height: calc(100vh - 136px); overflow: auto; -webkit-overflow-scrolling: touch; }
	.cs_fixed .page-menu-bar { height: calc(100vh - 66px); }
	.page-menu-bar a small { display: none; }
	.page-menu-bar a span { opacity: 1; }
	.page-menu-bar a.back-btn, .cs_fixed .page-menu-bar a.back-btn { padding: 18px 10px; display: block; font-size: 16px; line-height: 20px; background: #0e66a3; }
	.page-menu-bar a:before { display: none; }
	.cs_fixed .page-menu-bar a, .page-menu-bar a { padding: 12px 10px 8px; display: block; width: 100%; max-width: 100%; height: auto; font-size: 25px; line-height: 30px; font-family: 'Verlag-Bold'; }
	.page-menu-bar a:nth-of-type(1) { background: #0e66a3;display: none; }
	.page-menu-bar a:nth-of-type(2) { background: #ae8351; }
	.page-menu-bar a:nth-of-type(3) { background: #596e79; }
	.page-menu-bar a:nth-of-type(4) { background: #bf796f; }
	.page-menu-bar a:nth-of-type(5) { background: #727240; }
	.page-menu-bar a:nth-of-type(6) { background: #234058; }
	.page-menu-bar a:nth-of-type(7) { background: #55504b; }
	
	.page-intro-bar .wrapper, .info-bar .wrapper, .text-block .wrapper, .author-bar .wrapper, .palette-bar .wrapper { max-width: 100%; }
	
	.intro-bar { padding: 105px 0 48px; }
	.intro-bar h1 { font-size: 45px; line-height: 35px; }
	.intro-bar .cta_block { max-width: 300px; margin: -10px auto 0; }
	.intro-bar .cta_block h2 { font-size: 23px; line-height: 26px; }
	
	.page-title-bar { padding: 0 0 19px; }
	.page-title-bar .box, .page-title-bar .box.color, .page-title-bar .box.color1, .page-title-bar .box.color2, .page-title-bar .box.color4, .page-title-bar .box.color3 { padding: 11px 10px 16px; max-width: 100%; margin: 0; }
	.page-title-bar h1 { font-size: 46px; line-height: 46px; }
	.page-title-bar h1 small { margin-bottom: -10px; font-size: 40px; text-transform: lowercase; }
	.page-title-bar p { font-size: 14px; line-height: 22px; }
	
	.page-intro-bar .scroll-to-link { padding-bottom: 30px; font-size: 12px; line-height: 16px; background-size: 16px auto; }
	
	.page-intro-bar, .page-intro-bar.spacing, .page-intro-bar.spacing2, .page-intro-bar.spacing3, .page-intro-bar.spacing5, .page-intro-bar.spacing4 { padding: 62px 0 0px; }
	.page-intro-bar .page-intro-inner { display: block; }
	.page-intro-bar .text, .page-intro-bar.spacing .text, .page-intro-bar.spacing2 .text, .page-intro-bar.spacing3 .text, .page-intro-bar.spacing5 .text, .page-intro-bar.spacing4 .text { padding: 0px 24px 24px; width: calc(100% - 0px); }
	.page-intro-bar .image { width: 100%; box-shadow: none; -webkit-box-shadow: none; }
	.page-intro-bar .image img { box-shadow: none; -webkit-box-shadow: none; }
	
	.info-bar, .info-bar.spacing, .info-bar.spacing1, .info-bar.spacing2, .info-bar.spacing4, .info-bar.spacing3 { padding: 0px; }
	.info-bar .info-bar-inner { display: block; }
	.info-bar .left, .info-bar.spacing .left, .info-bar.spacing1 .left, .info-bar.spacing2 .left, .info-bar.spacing4 .left, .info-bar.spacing3 .left { padding: 23px 24px 38px; width: calc(100% - 0px); }
	.info-bar h3, .info-bar.spacing h3, .info-bar.spacing1 h3, .info-bar.spacing2 h3, .info-bar.spacing4 h3, .info-bar.spacing3 h3 { padding-bottom: 12px; }
	.info-bar .circle-block, .info-bar.spacing1 .circle-block, .info-bar.spacing4 .circle-block, .info-bar.spacing3 .circle-block { width: 100%; height: 368px; }
	.info-bar.spacing .circle-block { height: 368px; }
	.info-bar .image { width: 100%; }
	.info-bar.spacing2 p:not(:nth-last-of-type(1)) { padding-bottom: 20px; }
	.circle-block.color3 .box.two { right: 73px; top: 14px; }
	.circle-block.color3 .box.three { right: 5px; bottom: 104px; }
	.circle-block.color3 .box.four { left: 80px; left: 29px; }
	.text-block h3 small { text-transform: lowercase; }
	
	.circle-block .box { top: 14px; left: 12px; }
	.circle-block .box.two { top: 100px; right: 20px; }
	.circle-block .box.three { left: 40px; }
	.circle-block .box .box-inner, .circle-block.color1 .box .box-inner { width: 103px; height: 103px; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.05); }
	.circle-block h4 { font-size: 9px; line-height: 12px; }
	.circle-block p { font-size: 9px; line-height: 12px; }
	.circle-block p small { font-size: 6px; }
	.info-bar.spacing1 p { padding-bottom: 20px; }
	.circle-block.color1 .box.three { right: 40px; }
	
	.text-block, .text-block.spacing1, .text-block.spacing2, .text-block.spacing4, .text-block.spacing3 { padding: 0px; }
	.text-block .text-block-inner { display: block; }
	.text-block .left, .text-block.spacing1 .left, .text-block.spacing2 .left, .text-block.spacing4 .left, .text-block.spacing3 .left { padding: 23px 24px 38px; width: calc(100% - 0px); }
	.text-block .right, .text-block.spacing2 .right, .text-block.spacing4 .right, .text-block.spacing3 .right, .text-block.spacing1 .right { width: 100%; }
	.text-block .left { padding: 30px 24px 57px; }
	.text-block h3, .text-block h3, .text-block.spacing1 h3, .text-block.spacing2 h3, .text-block.spacing4 h3, .text-block.spacing3 h3 { padding-bottom: 10px; }
	.text-block h3, .info-bar h3, .author-bar h3, .palette-bar h3 { font-size: 32px; line-height: 38px; }
	.text-block p, .text-block.spacing p, .text-block.spacing2 p, .text-block.spacing4 p:not(:nth-last-of-type(1)), .text-block.spacing3 p:not(:nth-last-of-type(1)) { padding-bottom: 20px; }
	.text-block .right img:nth-of-type(2) { margin-top: 0px; }
	.text-block.spacing1 p:not(:nth-last-of-type(1)) { padding-bottom: 20px; }
	.text-block .circle-block { height: 368px; margin: 0px; }
	.circle-block.color2 p { padding: 0px; }
	.text-block.spacing4 .right img:nth-of-type(2) { margin-top: 0px; }
	
	.quote-bar, .quote-bar.nurturer, .quote-bar.nurturer.color01, .quote-bar.dreamer.color03, .quote-bar.dreamer.color02 { padding: 0px; margin: 0px; position: relative; z-index: 8; overflow: initial; }
	.quote-bar .wrapper, .quote-bar.color .wrapper, .quote-bar.nurturer .wrapper, .quote-bar.dreamer.color03 .wrapper, .quote-bar.dreamer.color02 .wrapper { max-width: 100%; overflow: initial; }
	.quote-bar.dreamer { margin: 0px; overflow: initial; }
	.quote-bar.dreamer p, .quote-bar.dreamer.color p, .quote-bar.nurturer p, .quote-bar.dreamer.color03 p, .quote-bar.dreamer.color02 p { padding: 0px 30px; font-size: 28px; line-height: 35px; }
	.quote-bar.dreamer .byline, .quote-bar.dreamer.color .byline, .quote-bar.nurturer .byline, .quote-bar.dreamer.color03 .byline, .quote-bar.dreamer.color02 .byline { padding: 35px 30px 0; }  
	.quote-bar.dreamer p:before, .quote-bar.dreamer.color p:before, .quote-bar.dreamer.color03 p:before, .quote-bar.dreamer.color02 p:before { left: 10px; top: -52px; font-size: 207px; }
	.quote-bar .cd-overlay-content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }  
	.quote-bar .quote-text, .quote-bar.color .quote-text, .quote-bar.nurturer .quote-text, .quote-bar.dreamer.color03 .quote-text, .quote-bar.dreamer.color02 .quote-text { padding: 87px 0 34px; overflow: inherit; }
	.quote-bar.nurturer .quote-icon, .quote-bar.nurturer.color01 .quote-icon { padding: 0px; left: 10px; top: 38px; width: auto; height: auto; margin: 0px; background: none; color: #7c453d; font-size: 207px; line-height: 61px; }
	.quote-bar.nurturer.color01 .quote-icon { color: #b6c3c4; }
	
	.author-bar, .author-bar.color1, .author-bar.color2, .author-bar.color3 { padding-bottom: 10px; }
	.author-bar .author-inner { display: block; }
	.author-bar .image, .author-bar.color1 .image, .author-bar.color2 .image, .author-bar.color3 .image { width: 100%; }
	.author-bar .text, .author-bar.color .text, .author-bar.color1 .text, .author-bar.color2 .text, .author-bar.color4 .text, .author-bar.color3 .text { padding: 18px 24px; width: calc(100% - 0px); }
	.author-bar h3, .author-bar.color h3, .author-bar.color2 h3, .author-bar.color3 h3 { padding: 0 0 10px; }
	.author-bar.color3 p:not(:nth-last-of-type(1)) { padding-bottom: 20px; }
	
	.palette-bar, .palette-bar.color, .palette-bar.color1 { padding: 0 24px; }
	.palette-bar ul { margin: 0 -22px; }
	.palette-bar ul li .box { width: 84px; height: 82px; }
	.palette-bar ul li { padding: 0 0 7px; width: 88px; }
	.palette-bar h4 { padding: 0 5px; font-size: 9px; line-height: 12px; }
	.palette-bar p { font-size: 11px; line-height: 14px; }
	.palette-bar p small { font-size: 9px; }
	.palette-bar.color h3, .palette-bar.color4 h3 { padding-bottom: 7px; }
	
	.circle-block.color .box.two { left: 20px; top: 30px; }
	.circle-block.color .box.three { top: 180px; }
	
	.footer { padding: 25px 0 20px; }
	.footer ul li { padding: 0; width: 100%; background: none; }
	.footer ul li a { display: inline-block; vertical-align: top; }

}

@media only screen and (max-width: 639px) { 
	.intro-bar h1 { padding: 0 0 5px; margin: 0 0px 20px; font-size: 30px; line-height: 20px; }	
	.intro-bar .top_content p { padding: 0 0px 20px; }
	.intro-bar .top_content .note { padding: 8px 16px; font-size: 14px; line-height: 20px; }
	.intro-bar .grid .col-3 { width: 33.333333%; }
	.intro-bar h1:before, .intro-bar h1 span:before, .intro-bar h1:after { height: 5px; }
}

@media only screen and (max-width: 479px) { 
	.intro-bar .grid .col-3 { padding-bottom: 45px; width: 50%; }
	.intro-bar h1 { font-size: 21px; line-height: 21px; }
	.intro-bar h1 strong, .intro-bar h1 span { padding: 12px 15px; }
}

@media only screen and (max-width: 359px) { 

}

@media only screen and (min-width: 768px) {
	.hide-on-desktop { display: none; }
	.page-menu-bar { display: flex !important; }
}