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

	/*  tags  */
	body
	{
		-webkit-text-size-adjust: none;
	}
	h1
	{
		font-size: 1.8em;
	}
	h2
	{
		font-size: 1.5em;
	}


	/*  ids  */
	#topline
	{
		display: none;
	}
		
	#menuline
	{
		position: relative;
		height: auto;
		overflow: hidden;
		background: url(../images/design/menubg.png) left top repeat-x;
		color: #707885;
	}
	#menuline .center
	{
		position: relative;
		overflow: hidden;
		height: auto;
		padding: 7px 0 7px 0;
	}
	
	#logo
	{
		margin: 0 0 0 20px;
	}
	
	#phone-button
	{
		position: relative;
		display: inline-block;
		overflow: hidden;
		float: right;
		width: 40px;
		height: 40px;
		padding: 15px;
		margin: 20px 0 0 0;
		background: none;
		color: #FFFFFF;
		cursor: pointer;
		border-radius: 1px;
	}
	#phone-button img
	{
		position: absolute;
		top: 15px;
		width: 40px;
	}
	
	#menu-button
	{
		position: relative;
		display: inline-block;
		overflow: hidden;
		float: right;
		width: 40px;
		height: 40px;
		margin: 20px 10px 0 0;
		padding: 15px;
		background: none;
		color: #1B396C;
		cursor: pointer;
		border-radius: 2px;
	}
	#menu-button img
	{
		position: absolute;
		top: 15px;
		width: 40px;
	}
	
	#menu-button.opened
	{
		background: #1B396C;
		color: #FFFFFF;
	}
	#menu-button.opened img
	{
		top: -45px;
	}
	
	#mainmenu
	{
		overflow: hidden;
		clear: both;
		padding: 0;
		margin: -1px 0 0 0;
		width: 100%;
		float: left;
		font-size: 1.5em;
		transition: max-height .25s linear 0s;
		-webkit-transition: max-height .25s linear 0s;
		max-height: 0;
		background: #FFFFFF;
	}
	#mainmenu.opened
	{
		max-height: 340px;
	}
	#mainmenu li
	{
		display: block;
		padding: 0 10px 0 10px;
		float: none;
	}
	#mainmenu li:last-child
	{
		margin: 0 0 20px 0;
	}
	#mainmenu a
	{
		display: block;
		margin: 0 0 3px 0;
		padding: 3px 10px 3px 10px;
	}
	#mainmenu a.selected
	{
		text-decoration: underline;
	}
		
	#titleline b
	{
		font-size: 180%;
	}

	/*  classes  */
	.center
	{
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px 0 20px;
	}
	
	.threecolumn > .column
	{
		width: 30%;
		margin-right: 5%;
		float: left;
	}
	
}


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

	/*  ids  */
	

	/*  classes  */	
	.imagetextmenu-item
	{
		width: 98%;
		margin-bottom: 20px;
		height: auto;
	}
	
}


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

	/*  ids  */


	/*  classes  */
	.center > .twoonecolumn > .last
	{
		min-height: 0;
		background: none;
		padding: 20px 0 0 0;
	}

	.threecolumn .column, .twoonecolumn > .column, .onetwocolumn > .column, .oneonecolumn > .column
	{
		width: 100% !important;
		/*margin-top: 3em;*/
		margin-left: 0;
		margin-right: 0;
	}
	.googlemaps-wrapper
	{
		padding-top: 75%;
	}

}


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

	/*  ids  */
	#logo
	{
		width: 168px;
		padding: 32px 0;
	}
	
	
	/*  classes  */
	.imagetextmenu-item a img
	{
		max-width: 100%;
		float: none;
		margin: 0 0 1em 0;
	}
	
}


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

	#logo
	{
		width: 97px;
		padding: 41px 0;
	}
	
}