header.phone a.publication { position:absolute; top:4px; left:1vw; font-family:pt_sans_narrowbold; font-size:30px; color:#000; text-transform:uppercase; }
header.phone a.publication span.primary { background-color:#fff; color:var(--primary-color); }
header.phone nav.header-menu { left:4px; right:inherit; }
header.phone nav.header-menu a { margin-left:0; margin-right:12px; }
header.phone div.publication span.motto { margin-left:4px; }

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

	header #search { display:none; }

	header div.marketing div.publication { width:100%; }
	header div.marketing div.warren-news { display:none; }

	div#home-content div.wrapper { background:none; }
	div#home-content div.main { display:block; width:100%; }
	div#home-content div.sidebar { display:block; width:100%; }

	#page-content { background:none; }
	#main-sidebar-content { background:none; }

	div.content div.main { display:block; width:100%; padding:10px 10px 0 0; }
	div.content div.sidebar { display:block; width:100%; }

	div.content div.main h2 { padding-left:16px; }
	div.content div.main article { margin-left:16px; }

	#prospect-main h3 { margin-left:16px; }
	#prospect-main p { margin-left:16px; }
	#prospect-main a.button { margin-left:16px; }

}


/* original approach ...
@media screen and (max-width:840px) {

	div.content div.main { width:60%; }
	div.content div.sidebar { width:40%; }

	div.list-navigation { height:80px; }
	div.direction { height:80px; width:60px; }
	div.direction a span.symbol { font-size:36px; }
	div.title-bar { height:80px; width:calc(100% - 122px); }
	div.title-bar div.title { font-size:19px; }
	div.title-bar div.subtitle { font-size:15px; }

	div.sidebar div.header { height:80px; }
	div.sidebar div.header div.title { padding-top:15px; font-size:19px; }
	div.sidebar div.header div.subtitle { font-size:15px; }

	div.calendar-list div.item div.date { width:90px; }
	div.calendar-list div.item div.date div.month { font-size:15px; }
	div.calendar-list div.item div.date div.day { font-size:24px; }
	div.calendar-list div.item div.date div.badge-delimiter { font-size:24px; }
	div.calendar-list div.item div.description { font-size:15px; }
	div.calendar-list div.item div.badge-wrapper { padding:5px 7px 4px 7px; }
}

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

	header div.logo { left:0 !important; }
	header div.motto { display:none; }

	header div#visitor-menu { top:102px; }
	header div#visitor-menu a { display:block; }
	header div#visitor-menu span.delimiter { display:none; }

	header #search { top:106px; right:80px; width:120px; }
	header #search input[type="text"] { width:80px; }

	header div.warren-news { display:none; }

	div.content div.main { display:block; width:100%; }
	div.content div.sidebar { display:block; width:100%; }

	div.main h1 { padding-left:10px; }
	div.main h2 { padding-left:10px; }
	div.main h3 { margin-left:10px; }
	div.main article { margin-left:10px; }
	div.main p { margin-left:10px; }
	div.main div.operations { margin-left:10px; }
	div.main div.article-list { margin-left:10px; }

	div.main article h1 { margin-left:-10px; }

	div.list-navigation { height:70px; }
	div.direction { height:70px; width:50px; }
	div.direction a span.symbol { font-size:30px; }
	div.title-bar { height:70px; width:calc(100% - 102px); }
	div.title-bar div.title { font-size:17px; }
	div.title-bar div.subtitle { font-size:14px; }

	div.sidebar div.header { padding-top:10px; height:70px; }
	div.sidebar div.header div.title { font-size:17px; }
	div.sidebar div.header div.subtitle { font-size:14px; }

	div.sidebar ol { width:auto; }

	div.calendar-list div.item div.date { width:80px; }
	div.calendar-list div.item div.date div.month { font-size:14px; }
	div.calendar-list div.item div.date div.day { font-size:21px; }
	div.calendar-list div.item div.date div.badge-delimiter { font-size:21px; }
	div.calendar-list div.item div.description { font-size:14px; }
	div.calendar-list div.item div.badge-wrapper { padding:4px 5px 2px 5px; }

	footer nav.social { display:block; }
	footer div.logo { display:none; }
}

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

	div.sidebar ol { width:300px; }
}
*/