@media screen and (max-width: 1610px) {
	#wrapper #sub-row:before {
		width: 850px; height: 361px;
	}
}

@media screen and (max-width: 1330px) {
	#wrapper #sub-row:before {
		width: 750px; height: 319px;
	}
}

@media screen and (max-width: 1120px) {
	#wrapper #sub-row:before {
		width: 650px; height: 276px;
	}
	#header #header-container #header-tekst {
		left: 15%; max-width: 70%;
	}
	#wrapper #sub-row #sub-content #header-tekst h2 {
		font-size: 2em;
	}
}


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

	body {
		font-size: .9em
	}
	/* header */
	#wrapper #header #menu-mobile {
		width: 30px; height: 30px;
		position: fixed; right: 1.5em; top: 2em;
		background-color: #fff;
		background-image: url('../images/icons/menu-mobile.png');
		background-size: 15px 15px; background-position: 50% 50%; background-repeat: no-repeat;
		border-radius: 3px; z-index: 9; cursor: pointer;
		box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
	}
	#wrapper #header #menu {
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		background: #ffd300;
		transform: none; -webkit-transform: none;
		display: none;
		z-index: 9;
	}

		/* if language is used */
		#langmenu {
		   position: fixed;
	       top: 2em; left: 50%;
	       transform: translateX(-50%); -webkit-transform: translateX(-50%);
		   z-index:9;
	       border-radius: 3px;
	       display: none;
	    }
		#langmenu a:not(:last-child) {
	        margin-right: 1em;
	    }
		#menu.active ~ #langmenu {
		   display: block;
	    }
	    /* /if language is used */

	#wrapper #header #menu ul {
		position: absolute; left: 0; top: 50%; width: 100%;
		transform: translateY(-50%); -webkit-transform: translateY(-50%);
	}
	#wrapper #header #menu ul li {
		float: none; text-align: center;
	}
	#wrapper #header #menu ul li a {
	   margin-left:0; margin: 1em 0; font-size: 1.3em;
    }
	#wrapper #header #menu.active {
		display: block;
	}
	
	#header #header-container #header-tekst {
		left: 0; max-width: 100%;
	}
	#wrapper #sub-row:before {
		display: none;
	}
	#header:after {
	    background-size: 120% 78px;
	    height: 78px;
	    background-position: -70px;
    }
    #wrapper.pages #header:after {
    	background-image: url('/images/slider-overlay-2.png');
    }
	#header, #header #header-container {
		min-height: 212px!important;
	}
	#header #header-container #header-tekst {
		top: 54%!important;
	}
	#header #header-container #header-tekst h2 {
		font-size: 1.5em;
	    line-height: 1em;
	    margin-bottom: .5em;
	}
	#wrapper #sub-row #sub-content ul,
	#wrapper.pages #sub-row #sub-content ul {
		width: 100%; float: none; margin-top: -24px;
	}
	#wrapper #sub-row #sub-content ul li {
		width: calc(50% - 30px);
		padding-left: 30px;
	}
	#wrapper #sub-row #sub-content ul li:before {
		width: 19px; height: 30px;
	}
	#wrapper #sub-row {
		height: 366px!important;
	} #wrapper.pages #sub-row {
		height: 193px!important;
	}
	#wrapper #sub-row #sub-content #header-tekst h2 {
		font-size: 1.7em;
	}
	#wrapper #sub-row #sub-content {
		top: 0;
	}
	#wrapper #sub-row #sub-content #header-tekst {
		max-width: 100%; margin-bottom: 2em; top: -1em;
	}
	#content .page_content table tr td {
		width: 100%; margin-right: 0;
	}
	#footer #footer-container .footer-kolom {
		width: 100%!important; margin-bottom: 2em;
	}
	#content #contact form {
		width: 100%; margin-top: 0;
	}
	#footer #footer-container:before {
		width: 143px; height: 105px;
	}
	#wrapper.pages #sub-row {
		display: none;
	}
	/* main layout */
	#wrapper.pages #content {
		margin: 0 auto 2em auto;
	}
	#wrapper #content #submenu {
		width: 100%; margin-bottom: 2em; margin-top: 0;
	}
	#content #submenu ul li a {
		padding: .5em 0;
	}
	#wrapper #content .page_content,
	#wrapper #content .page_content.hassubmenu,
	#wrapper #content .page_content.hasmedia,
	#wrapper #content .page_content.hassubmenu.hasmedia {
		width: 100%; padding-left: 0; padding-right: 0;
	}
	#wrapper #content .media {
		width: 100%; margin-bottom: 2em;
	}

	/* footer */
	#wrapper #social-media-buttons {
		float: none; width: 100%;
	}
    #wrapper #social-media-buttons a {
        margin-left: 0;
        margin-right: 5px;
    }

}

@media screen and (max-width: 320px) {
	#wrapper #sub-row #sub-content ul li {
		width: 100%;
	}
	#wrapper #sub-row {
		height: 478px!important;
	}
	#header:after {
		background-position: left;
	}
	#wrapper.pages #sub-row {
		height: 242px!important;
	}
}