@media only screen and (max-width: 768px) {
    #content-container {
    	width: 100%;
    }

    .wrapper {
		width: 100%;
		}

    .content-wrapper {
    	margin: 0px;
    }

    #block-coast-content img {
    	margin: 0px;
    	width: 100%;
    	height: auto;
    }

	#banner {
		width: 100%;
		margin: 0px;
		min-height: 0px;
	}

	#logo {
		display: block;
		margin: 80px auto 30px auto;
	}

	#banner img {
		width: 100%;
		height: auto;
	}

	#header-container {
		position: relative;
		min-width: 0px;
		width: 100%;
		height: 255px;
		z-index: 0;
	}

	#header-container .wrapper {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	#header-wrapper {
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: 100%;
	}

	#facebook-header {
		display: none;
		width: 0px;
		height: 0px;
	}

	#links {
		display: none;
		width: 0px;
		height: 0px;
	}

	#block-taalkeuze {
		position: absolute;
		top: -70px;
		right: 10px
	}

	#block-taalkeuze li {
		background-color: white;    
		padding: 6px 8px 2px 8px;
		margin: 5px 5px;
		border: 3px solid #be9374;
		border-radius: 25px;
		font-family: "Plantin Std";
		font-weight: 600;
		font-size: 14px;
	}

	#block-taalkeuze .is-active {
		background-color: #be9374;
			
	}

	#block-taalkeuze li a {
		color: #512e2d;
	}


	#block-taalkeuze .is-active a {
		color: white;
	}

	#block-coast-main-menu {
		position: relative;
		display: block-inline;
		width: 100%;
		height: 100%;
	}

	#block-coast-main-menu ul ul {
		display: none;
	}

	#block-coast-main-menu ul {
		padding: 0px;
		margin: 0px;
		text-align: center;
	}

	#block-coast-main-menu li {
		padding: 0px;
		margin: 0px;
	}

	#block-coast-main-menu > ul > li > a, #block-coast-main-menu [href="/growers"], 
	#block-coast-main-menu > ul > li > a, #block-coast-main-menu [href="/en/growers"] {
		display: inline-block;
		padding: 6px 8px 2px 8px;
		margin: 5px 2px;
		border: 3px solid #be9374;
    	border-radius: 25px;
	}
{
		display: inline-block;
		padding: 6px 8px 2px 8px;
		margin: 5px 2px;
		border: 3px solid #be9374;
    	border-radius: 25px;
	}

	#block-coast-main-menu > ul > li > .is-active {
		display: inline-block;
		padding: 6px 8px 2px 8px;
		color: white;
		background-color: #be9374;
		border: 3px solid #be9374;
    	border-radius: 25px;
	}

	#block-coast-main-menu [href="/growers"]::after, 
	#block-coast-main-menu [href="/en/growers"]::after {
		content: "";
		position: relative;
		display: block;
		top: 0px;
		right: 0px;
		width: 0px;
		height: 0px;
		background-repeat: no-repeat;
		background-image: url(../images/growers-menu-arrow.png);
	}

	#block-welkom {
		position: relative;
    	bottom: 0px;
		right: 0px;
		width: 100%;
    	height: 100%;
    	padding: 20px 0px 0px 0px;
    	background: none;
		text-align: center;
	}

	#block-welkom h2 {
		border-bottom: 4px solid #bf9474;
	}

	div[property="schema:text"] {
		text-align: center;
	}

	div[property="schema:text"] p, 
	#block-welkom p {
		padding: 0px 20px;
		font-size: 16px;
		text-align: left;
	}


	#block-coast-content article h2 {
		border-bottom: 4px solid #bf9474;
	}

	#block-welkom h3 {
		padding: 0px 20px;
		font-size: 16px;
		text-align: left;
	}

/* 	.impression-view {
		width: 100%;
		display: none;
	}

	.impression-view .views-col {
		width: 100%;
		float: none;
		position: relative;
	}

	.views-field-field-impressie img {
		display: none;
	} */

	#block-views-block-dna-value-coastulip-block-1-2 {
		display: none;
	}

	#footer-container {
		min-width: 0px;
	}

	#block-contact {
		padding: 20px 0px 0px 0px;
		text-align: center;
	}

	#block-contactpersonen {
		padding: 0px 0px 30px 00px;
		font-size: 16px;
	}

	#block-contact, #block-contactpersonen {
		display: block;
		width: 100%;
		position: relative;
		margin: 0px;
	}

	#block-contact h2 {
		display: inline;

		width: 100%;
		position: relative;
		font-size: 20px;
		border-bottom: 4px solid #bf9474;
	}

	#block-contactpersonen h2 {
		display: none;
		border-bottom: 4px solid #bf9474;
	}

	#footer {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	#block-contact p {
		padding: 20px 20px 10px 20px;
		text-align: left;
		font-size: 16px;
	}

	#footer .email-label,
	#footer .label {
		margin-left: 10%;
	}

	#credits {
		height: 100%;
		padding: 15px 0px;
	}

	#block-copyright,
	#block-credits,
	#facebook-credits {
		width: 100%;
		display: block;
	}

	#credits > .wrapper > div {
		width: 100%;
	}

	#facebook-credits {
		width: 19px;
		height: 23px;
		text-align: center;
		padding: 4px;
		margin: 10px auto 0px auto;
		border: 2px solid white;
    	border-radius: 25px;
	}

	#facebook-credits div {
		margin: auto;
	}

	#block-copyright, #block-credits {
		font-size: 13px;
	}

	#block-copyright p, #block-credits p {
		margin: 5px 0px 0px 0px;
	}

	#content-container {
		z-index: 0;
	}

	#content-container h1 {
		border-bottom: 4px solid #bf9474;
		font-size: 20px;
		margin-top: 25px;
		margin-bottom: 20px
	}

	#content-container h2 {
		font-size: 20px;
	}

	#block-coast-content {
		padding: 10px 0px 0px 0px;
		text-align: center;
	}

	.assortiment .views-row {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	.assortiment .views-col {
		width: 100% !important;
		margin: 10px 0px;
		text-align: left;
	}

	.assortiment .views-field-field-bos .field-content {
		width: 100%; 
		height: auto;
	}

	.assortiment .views-field-field-bos,
	.assortiment .views-field-title,
	.assortiment .views-field-field-product-code,
	.assortiment .views-field-field-aanvoer-week {
		width: 45%;
		text-align: center;
		float: right;
		margin: 2px 2% 0% 2%;
	}

	.assortiment .views-label-field-product-code,
	.assortiment .views-label-field-aanvoer-week {
		width: initial;
		display: inline;
		margin-right: 10px;
	}

	.assortiment .views-label-field-product-code::after,
	.assortiment .views-label-field-aanvoer-week::after {
		content: ":";
		width: initial;
		display: inline;
		margin-right: 10px;
	}

	.assortiment .views-field-title {
		margin-top: 20px;
	}
	
	.assortiment .views-field-field-bos {
		width: 45%;
		margin: 0% 0% 0% 5%;
		padding: 0px;
		float: left;
		height: initial;
		border: none;
	}

	.assortiment .views-field-field-bos img {
		margin: 0px 0px;
		padding: 0px;
		border-bottom: 4px solid  #bf9474;;
	}

	#block-werkwijze {
		margin-top: 30px;
		width: 100%;
		text-align: center;
		font-size: 0px;
	}

	#block-werkwijze h2 {
		margin-bottom: 20px;
	}

	#block-werkwijze p {
		padding: 0px 20px;
		font-size: 16px;
		text-align: left;
	}

	#block-werkwijze > div:nth-child(7) {
		width: 100%;
	}

	#block-werkwijze > div {
		line-height: 0px;
		width: 50%;
		display: inline-block;
		height: initial;
		margin: 0px;
	}

	#block-werkwijze > div:nth-child(2) {
		width: 100%;
		line-height: initial;
		margin-bottom: 20px;
	}

	#block-werkwijze img {
		width: 100%;
		height: auto;
		display: inline;
	}

	#block-coast-content ul {
		margin: 0px 20px;
		text-align: left;
	}

	#block-coast-content li {
		width: 100%;
		margin: 0px 0px 5px 0px;
	}

	#block-coastulipgarandeert {
		text-align: center;
	}

	#block-coastulipgarandeert img {
    	margin: 0px;
    	width: 100%;
    	height: auto;
    	float: right;
	}

	#block-coastulipgarandeert p {
	    padding: 0px 20px;
	}

	#block-coastulipgarandeert ul {
		margin: 0px 20px;
		text-align: left;
	}

	#block-coastulipgarandeert li {
		width: 100%;
		margin: 0px 0px 5px 0px;
	}

	#block-coastulipgarandeert h2 {
		text-align: center;
	    font-size: 20px;
	    margin-bottom: 35px;
	    border-bottom: 4px solid #bf9474;
	}

	.aanvoer-download {
		margin-bottom: 40px;
	}

	article[about="/contact"] {
		text-align: center;
	} 

	article[about="/contact"] p {
	    padding: 0px 20px;
	    text-align: left;
	}

	article[about="/contact"] img {
    	margin: 0px;
    	width: 100%;
    	height: auto;
    	float: right;
	}

	.contact-pagina ul {
		width: 100%;
	    padding: 0px 20px;
		margin: 0px 20px;
		text-align: left;
	}

	#block-coast-content li {
	    text-align: left;
	    width: 100%;
	    margin: 0px 0px 5px 0px;
	}

	#block-views-block-leden-coastulip-block-1 {
		width: 100%;
	}

	#block-views-block-leden-coastulip-block-1 h2 {
		margin-top: 40px;
	}

	#block-views-block-leden-coastulip-block-1 .views-row {
		width: 100%;
		float: none;
		text-align: left;
	}

	#block-views-block-leden-coastulip-block-1 .views-col {
		width: 100% !important;
		float: none;
		margin: 20px 0px;
		padding: 10px 0px 25px 0px;
		text-align: left;
	}

	#block-views-block-leden-coastulip-block-1 {
		text-align: center;
	}

	#block-views-block-leden-coastulip-block-1 img {
		width: 100%;
		height: auto;
		border-bottom: 8px solid #bf9474;
	}

	#block-views-block-leden-coastulip-block-1 .field-content {
		width: 100%;
	}

	.views-field-field-contactpersoon-afbeelding {
		width: 30%;
		margin: 0px 10%;
		height: auto;
		border: none;
	}

	#block-views-block-leden-coastulip-block-1 .views-field-title, #block-views-block-leden-coastulip-block-1 .views-field-field-contactpersoon, #block-views-block-leden-coastulip-block-1 .views-field-field-email, #block-views-block-leden-coastulip-block-1 .views-field-field-bedrijfsleden, #block-views-block-leden-coastulip-block-1 .views-field-field-adres {
		width: 50%;
		margin-left: 50%;
	}

	.contact-pagina {
		margin-top: 30px;
	}

	.contact-pagina > div {
		margin-bottom: 20px;
	}

	.contact-pagina li {
		padding: 0px;
	}

	article[about="/contact"] > div > li {
		padding-left: 20px;
		margin-top: 20px;
	}

	.contact-pagina .bedrijfslid {
		width: 80%;
		text-align: center;
	}

	.contact-pagina > div > div {
		padding: 5px 20px;
	}

	.bedrijfslid .label,
	.bedrijfslid .telefoonnummer {
		display: inline;
	}

	article .bedrijfslid {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	article ul li {
		margin: 0px !important;
		padding: 0px !important;
	}

	article > div > li {
		width: 80%;
		display: block;
		margin: 0px !important;
		padding: 0px !important;
	}

	article .email-label {
		margin-left: 20px;
	}

	#block-views-block-leden-coastulip-block-1 .telefoonnummer {
		display: block;
	}

	.telefoon-label, .telefoon, .telefoon-label div, .telefoon div {
		display: inline-block;
	}


}