﻿@media (max-width: 1340px) 
{
	.article-2023 .panel-container-text		{width: 550px;}
	.article-2023 .panel-container-text h1	{font-size: 4vw}
}

@media (max-width: 1250px) 
{
}

@media (max-width: 1200px) 
{
	
}

@media (max-width: 1110px) 
{
	.article-2023 .content-header .panel-container-text		{padding-left: 100px;}
	.article-2023 .content-header .panel-container			{width: 100%;}
}

@media (max-width: 1070px) 
{	
	.audio-container.float-right	{margin-right: 0}
}

@media (max-width: 1050px) 
{
	.section-two-col										{align-items: center}
	.audio-container svg									{width: 50%;}
	
	.article-2023 .content-header .panel-container-text		{width: 60%; padding-right: 0; padding-left: 70px;}
	.article-2023 .content-header .panel-container-text h1	{font-size: 45px}
	.article-2023 .content-header .panel-container-text h2	{font-size: 4.5vw}
	.article-2023 .content-header .panel-container-text p	{font-size: 20px}
	.article-2023 .content-header .panel-container-image	{background-position:bottom center}
	
	.article-2023 .blockquote-container.float-left	{margin-left: 0}
	.article-2023 .blockquote-container.float-right	{margin-right: 0}
	.article-2023 blockquote p						{font-size: 30px !important}
	
	.denica  .article-2023 .content-header .panel-container-text h1	{font-size: 40px;}
	
		
}

@media (max-width: 960px) 
{
	
	/* HOWARDS */
	.howards .article-2023 .content-header .panel-container-text	{width: 50%;}
	.howards .article-2023 .content-header .panel-container-image	{right: -100px;}
}

@media (max-width: 860px) 
{
	.article-2023 .content-header .panel-container-text p	{font-size: 16px}
	.article-2023 .article-inner			{padding-left: 40px; padding-right: 40px;}
	.colour-section	{margin-top: 50px; padding: 50px 0}
	.article-2023 .blockquote-container	{width: 50%;}
	.white-section	{padding: 50px 0}
	
	/* HOWARDS */
	.howards .article-2023 .content-header .panel-container-text	{width: 60%;}
	.howards .article-2023 .content-header .panel-container-image	{right: -50px; width:50%;}

}


@media (max-width: 768px) 
{
	
	.related-articles .panel-container-image	{margin-top: 0}
	.related-articles .panel-container.panel-2023	{align-items: center}
	.related-articles .panel-container.panel-2023 h3	{display: none}
}


@media (max-width: 730px) 
{
	.section-two-col 						{flex-direction: column-reverse;}
	.section-two-col .coll,
	.section-two-col .coll.coll-left-minus	{width: 100%}
	.section-two-col .audio-container		{margin: auto; width: 414px; max-width: 100%; margin-top: 40px;}
	
	.article-2023 .blockquote-container		{float: none !important; width: 100% !important; margin: 40px auto !important;}
	
	.pattern.reveal:before			{width: 100%; height: 30%; top:auto; opacity: 0; bottom: -100px;}
	.pattern.reveal.active:before	{opacity: 0.08; bottom: 0;}
	
	.white-section .blockquote-container	{background-color: #ffffff}
	
	.audio-container.float-left,
	.audio-container.float-right	{float: none; width: 550px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
	
}


@media (max-width: 680px) 
{
	.article-2023 .content-header .panel-container-text		{width: 100%; padding:30px 0px 20px}
	.article-2023 .content-header .panel-container-text h1	{font-size: 40px;}
	.article-2023 .content-header .panel-container-text h2	{font-size: 30px;}
	.article-2023 .content-header .panel-container-text p	{margin-left: auto; margin-right: auto;}
	
	.article-2023 blockquote svg	{position: absolute}
	
	/* HOWARDS */
	.howards .article-2023 .content-header .panel-container-text	{width: 100%;}
	.howards .article-2023 .content-header .panel-container-image	{right: auto; width:100%; height: 60vw}
	
	
}

@media (max-width: 550px) 
{
	.article-2023 h2					{font-size: 35px;}
	.article-2023 blockquote p			{font-size: 23px !important}
	.article-2023 .blockquote-container	{min-height: unset; padding-left: 70px;}
	.article-2023 blockquote svg		{width: 35px; top: -3px; left: -50px}
	
	
}

@media (max-width: 450px) 
{
	.article-2023 .content-header .panel-container-text h1	{font-size: 40px;}
}
	
	



