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

	/* more in style.css! */

	/* ### */
	#nav {
		height: 50px; 
		width: 100%;
		z-index: 9999;
	}
	#nav #nav-button {
		height: 50px; 
		min-height: 60px;
		z-index: 9;
	}
	#nav.active #nav-button {
		width: 100%;
	}
	#nav #nav-button .bars {
		left: 20px; 
		top: 20px;
		width: 50px;
	}
	#nav #nav-button #remote-support,
	#nav #nav-button #customer-service {
		left: auto; bottom: auto;
		top: 0;
		right: 20px;
		height: 30px;
		width: 30px;
		background: transparent;
	}
	#nav #nav-button #customer-service {
		right: 70px;
	}
	#nav #nav-button #remote-support:hover,
	#nav #nav-button #customer-service:hover {
		background: transparent;		
	}
	#nav #nav-button #remote-support img,
	#nav #nav-button #customer-service img {
		margin: 15px auto;
	}
	#nav #nav-button #remote-support .tag ,
	#nav #nav-button #customer-service .tag {
		display: none;
	}
	#nav #nav-button #sections {
		position: absolute;
		left: 50%;
		top: 200%; 
		display: none;
		width: 80%;
		transition: top 300ms;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);		
	}
	#nav.active #nav-button #sections {
		display: block;
		top: 50%; 
	}
	#nav #nav-button #sections ul li a {
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 0.8em;
	}

	#nav.active, #nav #nav-button {
		height: 100%;
	}


	/* ### */
	#content {
		width: 100%;
		margin-left: 0px;
	}
	#content .masonry .text-block {
		min-height: auto;
		padding: 1em;
	}


	/* ### */
	#content .header h1 {
		font-size: 1.2em;
		width: 80%;
		left: 10%;
	}


	/* ### */
	#sectorenmenu {
		padding-bottom: 100px;
	}
	#sectorenmenu ul {
		padding-bottom: 4em;
	}
	#sectorenmenu li {
		max-height: 220px;
		overflow: hidden;
		width: 100%;
		margin-bottom: 1em;
	}

	/* ### */
	#submenu-open {
		padding: 1em 1em;
		background: #006CA7;
		color: #fff;
		font-weight: bold;
		display: block;
		background-image: url('../images/icons/submenu-mobile.png');
		background-size: 15px 15px; background-position: 92% 50%; background-repeat: no-repeat;
		cursor: pointer;
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		top: 60px;
		left: 0;
		z-index: 9;
		height: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 50px;
	}
		#submenu-open.submenu-open-lower {
			width: calc(100% - 80px)!important; 

		}	
	#submenu {
		position: absolute;
		background: #2286bc;
		top: 120px;
		left: 0;
		width: 100%; 
		display: none;
		padding: 0;
		transform: none; 
		-webkit-transform: none;
		padding: 1em;
		padding-bottom: 1.5em;
		box-sizing: border-box;
	}

	#submenu ul li {
		display: block;
	}
	#submenu ul li a {
		white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
		display: block; box-sizing: border-box;
		padding: 5px 0; text-align: left;
	}
	#submenu.active {
		display: block;
	}
	#submenu .subsub {
		position: relative;
		left: auto; top: auto;
		border: 0; 
		border-left: 2px solid #fff;
		font-size: 0.9em;
	}
	#submenu .subsub li a {
		padding: 0; padding-left: 1em;
	}

	/* ### */
	#content #footer {
		margin-top: 0;
	}
	#content #footer .footer-container .contact {
		width: 100%; right: 0; font-size: 0.8em; box-sizing: border-box;
		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	}


}