
/* 
  ##Toestel = (iphone 6/7/8)
  ##Beeld CORRECTIES = B/w 370px tot 379px
*/
@media (min-width: 370px) and (max-width: 667px)  and (orientation: landscape) {
	
	h1 {
	    font-size: 24px!important;
	}
	
	h2 {
	    font-size: 22px!important;
	}
	
	h3 {
	    font-size: 20px!important;
	}
	
	h4 {
	    font-size: 18px!important;
	}
	
	p {
	    font-size: 18px!important;
	}
	
	.intromessage p {
	    font-size: 18px!important;
	}
	
	td {
	    font-size: 16px!important;
	}
	
	.col-sm {
	    width: 100%;
	}
	
	td.time {
	    padding-left: 40px;
	}
	
	.col-sm.footer-2 {
	    text-align: center;
	}
	
	.col-sm.footer-3 {
	    text-align: center;
	}
	
	table.tijden {
	    margin: auto;
	}
	
	.col-sm.footer-4 {
	    text-align: center;
	}
	
	table.center {
		margin-left:auto; 
		margin-right:auto;
	}
	
	form.wpcf7-form {
	    display: block;
	}
	
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	    width: 100%;
	}

	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
	    width: 100%;
	}
	
	p {
	    margin-bottom: 0px;
	}
	
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
	    margin-bottom: -100px;
	}
	
	#site-navigation ul ul.sub-menu, #site-navigation ul ul.children {
	    width: 100%;
	    left: 0%;
	}
	
	#site-navigation ul#primary-menu li, #site-navigation #primary-menu ul li {
	    text-align: center;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 10px auto;
	    float: unset;
	    cursor: pointer;
	}
	
		nav#site-navigation {
	    float: right;
	    width: 100%;
	    text-align: right;
	}
	
	.container-fluid {
	    margin-left: 0px;
	    margin-right: 0px;
	    background-color: #fff;
	}
	
	.header-fixed .logo {
	    display: none;
	}
	
	.header-fixed .site-branding.clearfix {
	    display: none;
	}
	
	.fixed-logo {
		display: block;
	}
	
	.header-fixed .fixed-logo {
		display: block;
	}	
	
	.fixed-logo img {
	    float: left;
	    width: 125px;
	    padding: 10px;
	}
	
	.header-fixed #site-navigation .nav-toggle {
	    width: 30px;
	    margin: 15px;
	    float: right;
	    cursor: pointer;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 15px;
	    float: right;
	    cursor: pointer;
	}

	.site-branding.clearfix {
	    display: none;
	}

	.page-id-89 div[id^="pg-"] {
		margin-bottom: -80px!important;
		margin-top: 25px!important;
	}
	
	div[id^="pg-"] {
		margin-bottom: 25px!important;
		margin-top: 25px!important;
	}	
	
	body.header-fixed {
	    padding-top: 65px;
	}
	
	#align-items-center {
	    align-items: center!important;
	    margin-left: 100px;
	}
	
	.site-header {
	    margin-bottom: -40px;
	}
	
	.container-fluid {
	    margin-bottom: 25px;
	}

	#modules-img {
	    width: 50px;
	    margin-bottom: -30px;
	}

	#primary-menu {
	    background-color: #fff;
	}
	
	.small-screen-delete {
		display: none;
	}
	
	#download-img {
	    max-width: max-content;
	    margin-bottom: -25px;
	    padding: 0px!important;
	}
	
	#download-img {
	    max-width: max-content;
	    margin-bottom: -25px;
	    padding: 0px!important;
	}
	
	#download-name {
	    margin-top: -30px;
	    max-width: fit-content;
	    position: relative;
	    left: 50px;
	    top: -40px;
	}
	
	#download-date {
	    display:none;
	}
	
	#download-desc {
	    max-width: fit-content;
	    width: 330px;
	    position: relative;
	    left: 50px;
	    top: -40px;
	}
		
	.page-id-89 .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
	    display: inline-block;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -ms-justify-content: space-between;
	    justify-content: space-between;
	}
	
	.site-header {
	    box-shadow: 0px 25px 0px -60px white inset
	}
}

/* 
  ##Toestel Google telefoons zoals PIXEL nogwat = (Portrait)
  ##Beeld = B/w 400px tot 767px
*/

@media (min-width: 668px) and (max-width: 767px) and (orientation: landscape) { /*HOMEPAGE*/

	h1 {
	    font-size: 24px!important;
	}
	
	h2 {
	    font-size: 22px!important;
	}
	
	h3 {
	    font-size: 20px!important;
	}
	
	h4 {
	    font-size: 18px!important;
	}
	
	p {
	    font-size: 18px!important;
	}
	
	.intromessage p {
	    font-size: 18px!important;
	}
	
	td {
	    font-size: 16px!important;
	}
	
	.col-sm {
	    width: 100%;
	}
	
	td.time {
	    padding-left: 40px;
	}
	
	.col-sm.footer-2 {
	    text-align: center;
	}
	
	.col-sm.footer-3 {
	    text-align: center;
	}
	
	table.tijden {
	    margin: auto;
	}
	
	.col-sm.footer-4 {
	    text-align: center;
	}
	
	table.center {
		margin-left:auto; 
		margin-right:auto;
	}
	
	form.wpcf7-form {
	    display: block;
	}
	
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	    width: 100%;
	}

	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
	    width: 100%;
	}
	
	p {
	    margin-bottom: 0px;
	}
	
	textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
	    margin-bottom: -100px;
	}
	
	#site-navigation ul ul.sub-menu, #site-navigation ul ul.children {
	    width: 100%;
	    left: 0%;
	}
	
	#site-navigation ul#primary-menu li, #site-navigation #primary-menu ul li {
	    text-align: center;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 10px auto;
	    float: unset;
	    cursor: pointer;
	}
	
		nav#site-navigation {
	    float: right;
	    width: 100%;
	    text-align: right;
	}
	
	.container-fluid {
	    margin-left: 0px;
	    margin-right: 0px;
	    background-color: #fff;
	}
	
	.header-fixed .logo {
	    display: none;
	}
	
	.header-fixed .site-branding.clearfix {
	    display: none;
	}
	
	.fixed-logo {
		display: block;
	}
	
	.header-fixed .fixed-logo {
		display: block;
	}	
	
	.fixed-logo img {
	    float: left;
	    width: 125px;
	    padding: 10px;
	}
	
	.header-fixed #site-navigation .nav-toggle {
	    width: 30px;
	    margin: 15px;
	    float: right;
	    cursor: pointer;
	}
	
	#site-navigation .nav-toggle {
	    width: 30px;
	    margin: 15px;
	    float: right;
	    cursor: pointer;
	}

	.site-branding.clearfix {
	    display: none;
	}

	.page-id-89 div[id^="pg-"] {
		margin-bottom: -80px!important;
		margin-top: 25px!important;
	}
	
	div[id^="pg-"] {
		margin-bottom: 25px!important;
		margin-top: 25px!important;
	}	
	
	body.header-fixed {
	    padding-top: 65px;
	}
	
	#align-items-center {
	    align-items: center!important;
	    margin-left: 25px;
	}
	
	.site-header {
	    margin-bottom: -40px;
	}
	
	.container-fluid {
	    margin-bottom: 25px;
	}

	#modules-img {
	    width: 50px;
	    margin-bottom: -30px;
	}

	#primary-menu {
	    background-color: #fff;
	}
	
	.small-screen-delete {
		display: none;
	}
	
	#download-img {
	    max-width: max-content;
	    margin-bottom: -25px;
	    padding: 0px!important;
	}
	
	#download-img {
	    max-width: max-content;
	    margin-bottom: -25px;
	    padding: 0px!important;
	}
	
	#download-name {
	    margin-top: -30px;
	    max-width: fit-content;
	    position: relative;
	    left: 50px;
	    top: -40px;
	}
	
	#download-date {
	    display:none;
	}
	
	#download-desc {
	    max-width: fit-content;
	    width: 500px;
	    position: relative;
	    left: 50px;
	    top: -40px;
	}
		
	.page-id-89 .panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
	    display: inline-block;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -ms-justify-content: space-between;
	    justify-content: space-between;
	}
	
	.site-header {
	    box-shadow: 0px 25px 0px -60px white inset
	}
}