/* 1. groter dan 960px  @media only screen and (min-width: 960px) */
	
	@media only screen and (min-width: 960px) and (max-width: 1279px) {


#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right  {
	display: none;
}

#navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
	top: 20px;
	padding-left: 4px;
	font-size: 16px;
	color: #ffffff;
}

#navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down  {
	color: #ffffff;
}

#logo { 
	margin: 2px 0 0 -40px;
}

h1 {
    font-size: 60px;
    line-height: 65px;
}

#container-1 #header .quote .content .positie-content {
	width: 95%;
	padding: 0 2% 0 2%;
}

#container-1 #header .quote .positie-content p {
    margin: 0 0 7px 0;
	font-size: 15px;
	line-height: 23px;
}

.home-page #container-1 #header .quote .positie-content p, body.type-default #container-1 #header .quote .positie-content p { 
	font-size: 14px;
	line-height: 20px; /* safari */
	text-align: justify;
}

#navigatie {
    margin: 6px 0 0 0;
}

#container-3 {
    margin-top: 9px;
}

.intro-tekst {
	margin: 38px auto 0 auto;
}

.intro-tekst h2 {
	line-height: 25px;
	font-size: 15px;
	margin: -15px 0 10px 0;
}

.intro-tekst h3 {
	color: #556a75;
	font-size: 15px; 
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 18px 0 0 0;
}


body.type-contact  #logo { 
	margin: 2px 0 0 -40px;
}

body.type-contact .intro-tekst {
    margin: 12px auto 0 6px;
}

body.type-contact .intro-tekst p {
	font-size: 13px;
	margin: 0 0 4px 0;
	line-height: 21px;
}

body.type-contact td.taf-120 label, body.type-contact td.taf-textarea label {
	font-size: 13px;
}

body.type-contact #container-3 {
    background-color: transparent;
}

body.type-contact #intro-holder {
    margin: 1px auto 0 auto;
    border-left: 1px solid #edf0f1;
    border-top: 1px solid #edf0f1;
    height: 142px;
}

body.type-contact #container-1 #header .quote {
	margin: -35px 0 0 -1px;
    border-left: 1px solid #edf0f1;
    height: 400px;
}

body.type-contact #container-1 #header .quote .content {
    padding: 3px 3% 0 2%;
}


.kolom-content {
	padding: 2% 4% 0 5%;
}


#footer div.footer-realisatie {
    margin: 0 0 0 0px;
}


	
	}



	/* 1. Bigger then standard 1280px (1280px) */
	
	
	@media only screen and (min-width: 1280px) {
		
		
.container, .container .sixteen.columns {
	width: 1200px;
}


#logo {
	margin: 10px 0 0 -90px;
}

#logo span, #logo-mobile span {
    margin: 26px 0 0 114px;
}

#navigatie {
    margin: 6px 0 0 0;
}
	
#navigatie a {
	padding: 12px 24px 10px 24px;
}	



h1 {
	font-size: 85px;
	line-height: 110px;
	margin: 30px 0 0px 0;
}

body.denken-en-doen h1, body.type-contact h1 {
	font-size: 70px;
}

h2 {
	font-size: 34px;
	line-height: 60px;
	margin: 0 0 20px 0;
}

.header-top h2 {
	margin: 0 0 10px 0;
	background-color: #ffffff;
	height: 60px;
}

p {
	font-size: 18px;
	line-height: 28px;
	float: left;
	width: 100%;
}

.positie-content p {
	font-size: 16px;
	line-height: 32px;
}

.home .positie-content p,
.type-main .positie-content p,
.type-default .positie-content p {
	line-height: 27px;
}

#container-1 #header .quote .content span i {
    font-size: 30px;
}

#container-1 {
    background-image: none !important;
	height: 390px;
}

#container-3 {
    height: 220px;
}

#container-1 #header .beeld {
	margin: -220px 0 0 0;
}

#container-1 #header .beeld img {
	width: 600px;
	height: 610px;
}

#container-1 #header .tekst {
	margin: -220px 0 0 0;
}

.intro-tekst {
	margin: 38px auto 0 auto;
}

.intro-tekst h2 {
	margin: 0 0 20px 0;
	line-height: 25px;
}

#container-1 #header .quote .content .positie-content { 
	float: left;
	margin: -8px 0 0 0;
	padding: 0 5% 0 5%;
}

#container-1 #header .quote p {
	margin: 0 0 15px 0;
}

#container-1 #header .quote .content span.positie-right {
	float: right;
	margin: -30px 0 0px 0;
}
		
body.type-main #container-1 #header .quote .content span.positie-right {
	margin: -40px 0 0 0;
}




#footer div {
	width: 18%;
    margin: 0 2% 0 0;
}

#footer p {
	letter-spacing: 0.06em;
}




body.denken-en-doen #container-1 #header .tekst {
	background-position: center top;
	background-repeat: no-repeat; 
	background-size: 600px 610px;
	min-height: 610px;
    margin: -220px 0 0 0;
}

@keyframes bounce-down {
	40% {
		transform: translateY(530px); 
	}
}

@keyframes bounce-up {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(530px);
	}
	60% {
		transform: translateY(15px);
	}
}



body.type-contact .intro-tekst {
	margin: 16px auto 0 auto;
}

body.type-contact .intro-tekst h2 {
	margin: 0 0 4px 0;
}

.taf-formholder {
    margin: -6px 0 0 0;
}

.taf-formholder td {
    height: 26px;
}

textarea.taf-opmerkingen-contact {	
	height: 80px;
}

td.taf-120 label, td.taf-textarea label, input.taf-default-tekst, textarea.taf-opmerkingen-contact {
    font-size: 14px;
}




	}

	

	

	
	/* 4. Tablet Portrait size to standard 960 (devices and browsers) */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	
.mobile-device, .screen-device { 
	display: none !important;
}

.tablet-device {
	display: block !important;
}

.container, .container .sixteen.columns {
	width: 728px;
}

#container-1 { 
    background-image: none !important;
    height: auto;
	background-color: #ffffff;
} 

#container-3 {
	display: none;
}

#container-5 {
    height: auto;
	background-color: #ffffff;
	margin: 0 0 20px 0;
}

#box { 
	margin: 0 0 10px 0;
}



#logo-mobile {
	display: block;
	position: relative;
	float: left;
	margin: 15px 0 0 15px;
	width: 50%;
}

#logo-mobile a {
	width: 1px;
	height: 1px;
	float: left;
}

#logo-mobile img {
	width: 120px;
	height: auto;
}

#logo-mobile span {
	margin: 32px 0 0 120px;
}

#logo-mobile span span {

}


	
h1 {
    font-size: 44px;
    line-height: 65px;
	margin: 25px 0 10px 0;
	display: inline-block;
}

h2 {
	font-size: 28px;
	line-height: 45px;
	margin: 0 0 12px 0;
}

body.type-main h1 {
    font-size: 54px;
}


p {
	font-size: 18px;
	line-height: 30px;
	float: left;
}




#container-1 #header .quote .content span i {
    font-size: 30px;
}


.intro-tekst-mobile {
	display: block;
    width: 100%;
    margin: 20px 0 0 0;
}

.intro-tekst h2 {
	margin: 0 0 20px 0;
}

.intro-tekst-mobile p {
		width: 100%;
}




#container-1 #header {
	background-color: #ffffff;
}

#container-1 #header .quote, #container-1 #header .beeld {
    height: auto;
    float: left;
	width: 100%;
}
#container-1 #header .quote, #container-1 #header .tekst {
    height: auto;
    float: left;
	width: 100%;
}

#container-1 #header .beeld { 
    margin: 0 0 0 0;
    border-left: none;
	background-color: #ffffff;
}

#container-1 #header .beeld img {
	width: 728px;
	height: 740px;
}

#container-1 #header .tekst { 
    margin: 0 0 0 0;
    border-left: none;
	background-color: #ffffff;
	min-height: auto !important;
}
	
#container-1 #header .quote {
	margin: 15px 0 25px 0;
}

#container-1 #header .quote .content {
    padding: 12px 20px;
}

#container-1 #header .quote p {
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 34px;
}

#container-1 #header .quote .content .positie-content {
	margin: 0px 0 0 0;
	padding: 0 25px 0 25px;
	float: left;
}

#container-1 #header .quote .content span.positie-left {
	margin: 20px 0 0 0;
}

#container-1 #header .quote .content span.positie-right {
	margin: -20px 0 20px 0;
}


#navigatie i {
	display: block;
}

#toggle-navigatie span.toggle-navigatie-tekst {
	float: right;
    display: block;
	margin: 12px 50px 0 10px;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 2px;
}

.toggle-navigatie, .toggle-navigatie a {
	display: block;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 24px;
	color: #ffffff;
}

#toggle-navigatie a:hover i.icons-basis-menu {
	color: #cccccc !important;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
	color: #ffffff;
}

#navigatie {
	position: relative;
	float: none;
	margin: 0 0 0 0;
	display: inline-block;
	width: 728px;
	height: 100%;
}

#navigatie ul {
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffffff;
}

#navigatie ul ul {
    margin: 0;
    position: relative;
}

#navigatie ul li {
	float: none !important;
	width: 100%;
	background-color: #273747;
}

#navigatie a {
	float: none !important;
	display: block;
	position: relative;
	margin: 0 8px 0 8px;
	padding: 20px 0px 20px 0px;
	text-align: left;
	font-size: 14px !important;
	line-height: 20px;
	letter-spacing: 4px;
}

#navigatie a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 0px;
}

#navigatie ul ul a {
	margin: 0 8px 0 34px;
}

#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right,
#navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
	position: absolute;
	top: 18px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
	display: block;
}

#navigatie a:hover, 
#navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right,
#navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down  {
	color: #ffffff;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst {
	width: 100%;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
		float: none;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}

#navigatie h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #e4a216;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	display: block;
}

#navigatie h2 span {
	margin-right: 10px;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}



.iphone-toggle {
	height: 44px;
	background-color: #424242;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	position: relative;
}

#menu h2 span {
	padding: 0 0 0 8px;
}




#container-1 + #footer-holder {
	border-top: 20px solid #ffffff;
}


#footer div {
    width: 24%;
    margin: 0 1% 0 0;
}

#footer div.footer-realisatie {
    margin: 0 0 0 0;
	width: 100%;
}

#footer-holder {
	border-top: 20px solid #ffffff !important;
}





body.denken-en-doen #container-1 #header .tekst {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 728px 742px;
    min-height: 742px !important;
    margin: 0 0 0 0;
    width: 100%;
}

@keyframes bounce-down {
	40% {
		transform: translateY(670px); 
	}
}

@keyframes bounce-up {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(670px);
	}
	60% {
		transform: translateY(15px);
	}
}



body.type-contact #container-1 #header .quote {
	margin: 2px 0 25px 0;
}

body.type-contact #container-1 #header .quote .content {
    padding: 0 0 0 0;
	width: 100%;
}

body.type-contact form {
    float: left;
    position: relative;
    width: 100%;
}

.taf-formholder {
    margin: 8px 0 0 0;
}

.taf-formholder table.textarea {
    margin: 18px 0 0 0;
}

.taf-formholder td {
    height: 36px;
}

textarea.taf-opmerkingen-contact {	
	height: 100px;
}

td.taf-120 label, td.taf-textarea label {
    font-size: 16px;
	line-height: 24px;
}

input.taf-default-tekst {
    font-size: 14px;
	line-height: 30px;
}

.g-recaptcha {
    margin: 25px 0 0 0;
}


		
	}





	/* 5. All Mobile Sizes (devices and browser) groot blok */
	
	@media only screen and (max-width: 767px) {
		

.container, .container .sixteen.columns  { 
	width: 300px; 
}

.container .columns, .container .column { 
	margin: 0; 
}

.tablet-device, .screen-device {
	display: none !important;
}

.mobile-device {
	display: block !important;
}

#container-3 {
	display: none;
}

#container-1 {
    height: auto;
	background-color: #ffffff;
			dmargin: 10px 0 0 0;
}

#container-5 {
    height: auto;
	background-color: #ffffff;
	margin: 20px 0 20px 0;
}

#box { 
	z-index: 1;
	padding: 0 0 0 0;
	background-color: transparent;
}

main { 
		dmin-height: 192px;
}

.intro-tekst-mobile {
	display: block;
}

.intro-tekst-mobile h2 {
	margin: 0 0 10px 0;
}

.intro-tekst-mobile h3 {
    font-size: 15px;
    letter-spacing: 1px;
}

#logo-mobile {
	display: block;
	position: relative;
	z-index: 8;
	float: left;
	margin: 10px 0 0 0;
	width: 60%;
		height: 70px;
}

#menu {
		height: 78px;
}

#logo-mobile a {
	width: 1px;
	height: 1px;
	float: left;
}

#logo-mobile img {
	width: 92px;
	height: auto;
}

#logo-mobile span {
    width: 100%;
}

h1 {
	margin: 10px 0 0 0;
	position: relative;
	z-index: 9;
}

h2 {
    font-size: 34px;
    line-height: 60px;
	font-weight: normal;
    margin: 0 0 10px 0;
}

.header-top {
	display: block;
	margin-top: 0;
}

.header-top h2 {
    color: #556a75;
	
}

#container-1 #header .beeld {
    margin: 0 0 0 0;
}

#container-1 #header .tekst {
    margin: 0 0 0 0;
}


#container-1 #header .quote .content span.positie-left {
	margin: 20px 0 0 0;
}

#container-1 #header .quote .content span.positie-right {
	margin: -20px 0 20px 0;
}

#container-1 #header .quote .content .positie-content {
	margin: 4px 0 0 4px;
}

#container-1 #header .quote p {
	margin: 0 0 15px 0;
}

#container-1 #header {
	background-color: #ffffff;
}

#container-1 #header .quote, #container-1 #header .beeld {
    height: auto;
    float: left;
	width: 100%;
}

#container-1 #header .quote, #container-1 #header .tekst {
    height: auto;
    float: left;
	width: 100%;
}
	
	
#container-1 #header .beeld { 
    border-left: none;
	background-color: #ffffff;
}

#container-1 #header .tekst { 
    border-left: none;
	background-color: #ffffff;
}
	
#container-1 #header .quote { 
	margin: 20px 0 0 0;
}

p {
    font-size: 18px;
    line-height: 30px;
	position: relative;
	float: left;
}

.positie-content p {
	font-size: 16px;
	line-height: 34px;
}

.iphone-toggle {
	dheight: 40px;
	background-color: #424242;
}

#iphone-telefoon {
	position: absolute;
	display: block;
	top: 0;
	color: #ffffff;
	font-size: 14px;
	padding: 6px 5px 6px 5px;
	margin: -144px 0 0 100px;
	background-color: #273747;
	z-index: 4;
}

#iphone-telefoon a {
	text-decoration: none;
	color: #ffffff;
}

#toggle-navigatie { 
	position: relative;
	float: right;
	padding: 0 5px 0 0;
}

#toggle-navigatie span.toggle-navigatie-tekst {
    display: block;
    margin: 10px 40px 0 0;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 2px;
}

#navigatie i {
	display: block;
}

.toggle-navigatie {
	display: block;
	z-index: 113;
}

#toggle-navigatie a i.icons-basis-menu, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 24px;
}

#toggle-navigatie a:hover, #toggle-navigatie a:hover i.icons-basis-menu, #toggle-navigatie li.active a i.icons-basis-menu {
	color: #ffffff;
}

#navigatie {
	margin: 0 0 0 0;
	padding: 0;
	display: inline-block;
	float: none;
	width: 420px;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst  {
	display: none !important;
}

#navigatie .menu-responsive  h2, #navigatie .menu-responsive  p, #navigatie .menu-responsive  img {
	display: none;
}

#navigatie ul ul {
    float: left;
    margin: 0;
    position: relative;
}

#navigatie ul {
	width: 100%;
}

#navigatie ul {
	font-size: 16px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ffffff;
}

#navigatie ul li {
	width: 100%;
	background-color: #273747;
	float: left !important;
}

#navigatie a {
	float: none !important;
	float: left;
	display: block;
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 8px 0 8px;
	line-height: 20px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	letter-spacing: 3px;
}

#navigatie a:hover {
	line-height: 20px;
	padding: 20px 0px 20px 0px;
}

#navigatie ul ul a {
	margin: 0 8px 0 34px;
}

#navigatie a i.icons-basis-angle-right, #navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right, 
#navigatie a i.icons-basis-angle-down, #navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
	position: absolute;
	top: 17px;
	right: 2px;
	font-size: 16px;
	color: #ffffff !important;
	display: block;
}

#navigatie a:hover, 
#navigatie a:hover i.icons-basis-angle-right, #navigatie li.active a i.icons-basis-angle-right, 
#navigatie a:hover i.icons-basis-angle-down, #navigatie li.active a i.icons-basis-angle-down {
	color: #ffffff;
}

#navigatie .navigatie-menu-holder, #navigatie .navigatie-menu-holder-foto, #navigatie .navigatie-menu-holder-tekst {
	width: 100%;
}

#navigatie ul ul, #navigatie ul ul li.parent-li, #navigatie ul ul li.child-li {
	width: 100%;
	float: none;
}

#navigatie ul ul li.child-li {
	padding: 0 0 0 0;
}

#navigatie h2 {
	display: block;
    background-color: #e4a216;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 10px 0;
	text-align: right;
    font-size: 14px;
}

#navigatie h2 span {
	margin-right: 10px;
}

.kolom-1, .kolom-2, .kolom-3, .kolom-3.last {
	width: 100%;
	margin: 0 0 0 0;
}

#footer-holder {
	border-top: 20px solid #ffffff !important;
}

#footer div, #footer div.footer-contact, #footer div.footer-realisatie {
	width: 100%;
    margin: 30px 0 0 0;
}

body.type-contact #container-1 #header .quote {
	margin: 2px 0 25px 0;
}

body.type-contact #container-1 #header .quote .content {
    padding: 0 0 0 0;
	width: 100%;
}

body.type-contact form {
    float: left;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
}

.taf-formholder {
    margin: 8px 0 0 0;
}

#container-1 #header .quote .taf-formholder span {
    margin: 0 5px 0 0;
}

#container-1 #header .quote .taf-formholder table.textarea  span {
    margin: 4px 5px 0 0;
}

.taf-formholder table.textarea {
    margin: 28px 0 0 0;
}

.taf-formholder td {
    height: 26px;
}

td.taf-120 label, td.taf-textarea label {
    font-size: 16px;
	line-height: 12px;
}

input.taf-default-tekst {
    font-size: 14px;
	line-height: 30px;
	margin: 0 0 10px -2px;
}

textarea.taf-opmerkingen-contact {	
	height: 100px;
}

.g-recaptcha {
    margin: 25px 0 0 0;
	height: 80px;
}

#taf-verzenden {
	position: relative;
	float: left;
	width: 100%;
}

input.taf-dataknoppen-1 {
    position: relative;
    bottom: auto;
    margin: 20px 0 2px 0;
}



	}

	
	
	


	/* 6. Mobile Landscape Size to Tablet Portrait (devices and browsers) grotere kleine versie mobile Firefox */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
.container, .container .sixteen.columns  { 
	width: 420px; 
}

.container .columns, .container .column { 
	margin: 0; 
}

	
#box {
    margin: 10px 0 10px 0;
}


#logo-mobile img {
	width: 110px;
	height: auto;
}

#logo-mobile span {
	margin: 26px 0 0 118px;
}

	
h1 { 
	font-size: 38px;
	line-height: 65px;
	display: inline-block;
}

body.type-contact h1, body.type-default h1 {
	font-size: 26px;
	line-height: 35px;
    margin: 25px 0 0 0;
}

h2 {
	font-size: 21px;
	line-height: 32px;
}

body.type-contact h2, body.type-default h2 {
	font-size: 17px;
	line-height: 32px;
    margin: 5px 0 15px 0;
}


#navigatie {
	width: 420px;
	height: 100%;
}

#toggle-navigatie {
	margin: 1px 0 0 0px;
}

#container-1 #header .quote .content span i {
    font-size: 20px;
}

#container-1 #header .quote .content .positie-content {
    padding: 0 3% 0 3%;
	width: 94%;
}

#container-1 #header .beeld img {
	width: 420px;
	height: 427px;
}


body.denken-en-doen #container-1 #header .tekst {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 420px 427px;
    min-height: 457px;
    margin: 0 0 0 0;
}

@keyframes bounce-down {
	40% {
		transform: translateY(350px); 
	}
}

@keyframes bounce-up {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(350px);
	}
	60% {
		transform: translateY(15px);
	}
}




	}
	
	


	/* 7. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)  kleine versie mobile Firefox*/
	
	@media only screen and (max-width: 479px) { 

	
#container-1 {
	background-size: 100% auto;
}

#box {
    margin: 10px 0 10px 0;
}

	


#logo-mobile {
	margin: 18px 0 0 0;
}

#logo-mobile span {
	margin: 26px 0 0 85px;
}



h1 {
    font-size: 26px;
    line-height: 45px;
    display: inline-block;
}
	
body.type-contact h1, body.type-default h1 { 
	font-size: 18px;
	line-height: 30px;
	display: inline-block;
	margin: 25px 0 0 0;
}

h2 {
    font-size: 19px;
    line-height: 26px;
}

body.type-contact h2, body.type-default h2 {
	font-size: 16px;
	line-height: 22px;
	margin: 4px 0 12px 0;
}


	
#navigatie {
	width: 300px;
	
	height: 100%;
		height: 190px;
}

#toggle-navigatie {
	margin: 1px 0 0 15px;
}

	

#container-1 #header .quote .content span i {
    font-size: 20px;
}

#container-1 #header .quote .content .positie-content {
    padding: 0 3% 0 3%;
	width: 94%;
}

#container-1 #header .beeld img {
	width: 300px;
	height: 305px;
}



body.type-contact #container-1 #header .quote {
    margin: 0 0 0 0;
}

body.type-contact #container-1 #header .quote .content {
    padding: 0 0 0 0;
    width: 100%;
}

body.type-contact #container-1 #header .quote .content .positie-content {
    margin: 4px 0 0 0;
}

body.type-contact .taf-formholder td {
    height: 36px;
}

body.type-contact td.taf-120 label, body.type-contact td.taf-textarea label, body.type-contact input.taf-default-tekst {
    font-size: 13px;
	
}

body.type-contact .taf-formholder td.taf-120 {
    width: 47%;
}


body.denken-en-doen #container-1 #header .tekst {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 300px 305px;
    min-height: 330px;
    margin: 0 0 0 0;
}

@keyframes bounce-down {
	40% {
		transform: translateY(230px); 
	}
}

@keyframes bounce-up {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(230px);
	}
	60% {
		transform: translateY(15px);
	}
}


.taf-formholder td.taf-380 {
    width: 47%;
}


	}