@media only screen and ( max-width: 46em ) {}
#header-top-resp {display:none;}
@media only screen and ( max-width: 40em ) /* 640 */
{
	#wrapper 	{
		width:auto;
	}
	#header-top-resp {display:block;}
	#header-top {display:none;}
	aside, .rightCol {
		float:none;
		width:90%;
	}
	.rightCol 	{
		padding-left: 10px;
	}	
	section, main .content-artist, .content2 	{
		float:none;
		width:94%;
		padding: 0 3% 0 3%;
		display:inline-block;
	}
	.note .default {
		width: 45%;
		margin-right: 4%;
		float:left;
	}
	.note .default .ce-gallery {
		width: 100%;
	}	

	.news .article .news-img-wrap a {
		margin-right: 10px;
	}

	/*.news-single .article .news-img-wrap .outer{
		float: left;
		width: 45%;
		margin: 5px;
	}*/	
	div.col-lg-3 {
		float: left;
		margin-right: 1%;
		margin-bottom: 0;
		width: 48%;
	}	
	section ul.menue
	{
		float:none;
		width:90%;
		padding:0px 10px 10px 20px;
		text-align: left;
	}
	section ul.menue h2
	{
		margin-left: -10px;
	}
	section ul.menue li 	{
		display: inline-block;
		padding: 6px 5px 6px 0;
	}
	section ul.menue li::after { 
    		content: "  | " ;
	}
	footer article  {
		display:block;
	}	
	footer article .box1, footer article .box2, footer article .logoTraeger {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		text-align:left;
	}
	footer article h2  {
		margin-top: 20px;
	}	
}
@media only screen and ( max-width: 35em ) 
{
	.news-single .article .news-img-wrap {
		float: none;
		width: 99%;
		margin: 5px;
	}	
	.news-single .article div.news-img-wrap, section .ce-textpic .ce-gallery {
		float: none;
		margin: 2% 2% 2% 0;
		width: 98%;
		display: contents !important;
	}		
	.news .article .news-text-wrap {
		width: 99%;
		float:none;
		display:inline-block;
	}		
	iframe {max-width: 100%;height:auto;}
	div.note {
		display:none;
	}
	p a {margin: 1px 0 1px 0;}
	p a.external-link-new-window {margin: 1px 0 1px 0;display:block;}
	p a.internal-link {margin: 3px 0 3px 0;display:inline-block;}
}
@media only screen and ( max-width: 20em ) 
{
}