/* Portrait */
@media only screen and (max-device-width:480px) {
	.mobile-only 							{ display: block; }
	
	body											{ background: #fff; }
	header#main-header				{ position: relative; }
		header#main-header nav 	{ width: 100%;	}
	
	a.menu-button {  position: absolute; right: 0px; top: 0px; border-left: 3px solid #090909; background: transparent; color: #ac8f05; text-transform: uppercase; font-size: 11px; text-decoration: none; }
		a.menu-button span { display: block; border-left: 3px solid #313131; background: transparent url('/MWClients/mcdonalds/images/mobile/icons/menu.png') no-repeat 5px center; padding: 9px 20px 9px 25px; }
	
	
	section[role=main] { width: auto; padding-top: 0px; margin-top: 0px }
	#canvas { width: auto; margin-left: 0px }
	
	#breadcrumbs { display: none; }
	
/*	h1#logo { background-image: url('/MWClients/mcdonalds/images/mobile/structure/logo.png'); width: 170px; height: 24px; position: absolute; top: 5px; left: 5px; margin: 0px; }
	h2.h2-newsroom { display: none; }*/
	h2.h2-newsroom { display: none; }
	h1#logo { display: none; }
	header#main-header h2.h2-newsroom { background-image: url('/MWClients/mcdonalds/images/mobile/structure/logo.png'); width: 170px; height: 24px; position: absolute; top: 5px; left: 5px; margin: 0px; display: block; }
	
	
	
	.col 												{ float: none; }
		.col-left 								{ width: auto; }
			.col-left .content 			{ width: auto; }
		.col-right 								{ width: auto; margin-left: 0px; padding: 0px 10px; }
			.col-right .content			{ width: auto; }

	.subnav { margin: 0px 0px 10px; display: none; position: absolute; z-index: 10; background: #FFF; top: 34px; right: 0px; width: 90%; -webkit-box-shadow:  0px 0px 9px rgba(0,0,0,0.4); box-shadow: 0px 0px 9px rgba(0,0,0,0.4); padding-bottom: 10px }
	.subnav > a, .subnav > span { background: transparent url('/MWClients/mcdonalds/images/structure/separator-narrow.png') no-repeat top center; text-align: center }
	
	#marquee																				{ margin: 0px auto 20px; }
	#marquee, #marquee ul li, #marquee ul li a 			{ width: 320px; height: 150px; }
	#marquee ul li a																{ -webkit-border-radius: 0px; border-radius: 0px; background-size: 320px; }
	#marquee ul li a .headline											{ width: 294px; -webkit-border-radius: 0px; border-radius: 0px; }
	#marquee ul li h2 															{ font-size: 18px; }
	
	.articles-list 																					{ padding: 0px 10px; }
		.articles-list .article-thumbnail											{ float: left; width: 75px; }
		.articles-list .article-thumbnail a 									{ width: 75px; height: 60px; background-size: 75px 60px; }	
	.articles-list .article-teaser 													{ width: 200px; float: left; }
		.articles-list .article-thumbnail + .article-teaser	 	{ margin-left: 10px; }

		.articles-list .article-teaser .badge										{ float: none; display: inline-block;  }
	.articles-list .article-teaser .badge + a.article-share		{ margin-top: 10px }
	
			
	.country-navigator {
		position: relative;
		width: auto;
		background: #e8ba00 url('/MWClients/mcdonalds/images/icons/arrow-down.png') no-repeat 300px center;
		margin-top: -9px;
		z-index: 10;
		}
		.country-navigator em { display: none; }
	.col-right .country-navigator { display: none; }
		
	.newsroom-search-box {
		padding: 12px 6px 6px;
		-webkit-border-radius: 0px 0px 8px 8px; 
		border-radius: 0px 0px 8px 8px;
		position: relative;
		z-index: 9;
		margin-bottom: 10px;
		}
		.newsroom-search-box input[type=search] { width: 240px; }
		body#landing .newsroom-search-box { margin-bottom: 0px; }
	.col-right .newsroom-search-box { display: none; }
	
	.sidebar-content { margin: 0px auto 30px; }
	h3.subhead, h3.subhead a { margin-top: 20px;}
	
	h2.page-head { margin-left: 10px }
	
	
	
	footer {
	  margin: 0px auto 50px;
	  width: auto;
		padding: 5px 10px;
	  }
	  footer table td { vertical-align: top; }
	  footer table td.bigger_and_bolder a, footer table td.bigger_and_bolder span { display: block; margin-bottom: 5px; }
	  footer .footerSeparator { display: none !important; }
	  footer table td.bigger_and_bolder a.social-footer { display: inline; }
	
	
	.article-detail article .hero-image												{ width: 300px; height: 150px; background-size: 300px; margin: 0px auto; }
	.article-detail article section.article-content						{ padding: 0px 10px; }
	.article-detail article header														{ padding: 10px;}
	
 	section.list-section																				{ padding: 10px; }
	section.list-section h5																			{ margin-bottom: 10px; }
 	section.list-section h5 + .col								              { width: auto; }
			.list-section .statements-list li a.col			 						{ width: auto; }
 section.list-section h5 + .col								            	  { width: auto; }
	section.list-section .contact																{ float: none;}
	.statements-list li																					{ padding: 15px 10px !important; }
	.statements-list li .dateline + div.col 										{ width: auto; }
	#press-releases .statements-list li a.headline							{ width: auto;}
	a.small-brown																								{ float: none; display: block; margin-left: 10px}
	
	
.col-left ol.news-list li 	{ border-bottom: 1px solid #cacaca; padding-bottom: 10px }
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
	header#main-header h2.h2-newsroom { background-image: url('/MWClients/mcdonalds/images/mobile/structure/logo@2x.png'); background-size: 170px 24px; }
	a.menu-button span { background-size: 15px 11px; background-image: url('/MWClients/mcdonalds/images/mobile/icons/menu@2x.png'); }
	.social-icon 				{ background-size: 154px 22px; background-image: url('/MWClients/mcdonalds/images/mobile/icons/social-icons@2x.jpg')
}