@charset "utf-8";

/* CSS Document */

/* Large desktops and laptops */
@media only screen and (min-width: 1200px) {
	.pointconet.last {margin:0}
}


/* Landscape tablets and medium desktops */
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
	.pointconet.last {margin:0}
		.content-breed-foto {
    height: auto;
    margin: 0 3% 2%;
    width: 95%;
}
.container { width: 1000px; }
header {width:1000px;}
.menu-area-warp { margin-top: 0; height: 55px; }
.main-menu {width: 520px;}
.sf-menu li > a { padding: 0 5px; font-size: 17px; line-height: 77px;  margin: 0 10px 25px;}
.socialgroup {width: 300px;  margin: 15px 0;}
.sf-menu > li > ul > li > a {font-size:17px; line-height:23px;}

.flex_caption {margin-left: -500px; width: 1000px;}
.ponits {width:960px; margin:0 20px;}
.pointconet {width:260px;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {display:block;}

.menu-area-warp { margin-top: 0; }
.picturegrid {display:block;}


.ponits {width:100%; margin:0;}
.pointconet   {width: 290px;  margin: 0 20px;}
.pointright {width: 100%; float: left; padding: 0 8%;}

.bins_image { height:auto;}
.bins_image > .mainimage { height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 500px;}
.binfo {}
.binfo > .midimage {margin: 15px auto;}
.binfo h2 {font-size:16px; line-height:20px; margin: 0 0 5px;}
.binfo p {padding: 0 50px 0 5px;  margin: 5px 0;}


.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:500px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:450px; height:auto; padding: 0 25px;}
.geloofinfo h2 {font-size:24px; line-height:28px; margin: 25px 0;}
.geloofinfo > blockquote {margin: 0 0 25px; font-size:16px; line-height:25px;}


.tab_wrap {display:none;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 840px; padding: 30px 80px; margin: 0 auto;}
.award_section1 p { font-size: 12px; margin: 0 0 10px; line-height:17px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:1000px;  padding: 20px 0;}
.award_section2_img {width:500px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:426px; padding: 0 60px 0 14px;}
.award_section2_info h2 {font-size:22px; line-height:26px; margin:25px 0;}
.award_section2_info p {font-size: 12px;  margin: 0 0 24px; line-height:17px;}
.contactme {padding: 50px 0 45px;}

#grid-content > li.large {width: 50%;}
#grid-content > li { width: 25%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.greenlogo {width:150px; height:auto; right:50px;  top: -97px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:200px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:1000px;}
.footer_social {display:none; }
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 

}

/* Portrait tablets and small desktops */
@media only screen and (min-width: 768px) and (max-width: 999px) {
		.content-breed-foto {
    height: auto;
    margin: 0 3% 2%;
    width: 95%;
}

.container { width: 768px; }
header {width:768px;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
   }

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; color:#ffffff; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.flex_caption {margin-left: -384px; width: 768px;}
.flex_caption  img {width:280px !important; height:auto;}

.ponits {}
.pointconet   {width: 86%;  margin: 0 20px !important; padding: 2% 4% 2%;   border-bottom: dotted 1px #ccc;  }
	.pointconet.last {border-bottom: none;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image { height:auto;display:none;}
.bins_image > .mainimage {width:384px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 384px; }
.sticker2 {width: 200px;}

.binfo {width:92%; height:auto !important;     padding: 2% 4% 66px 4%; }
.binfo > .midimage {margin: 20px auto;}
.binfo h2 {}
.binfo p {}
#hide1 {display:none;}
.signiture {width:120px; height:auto; margin:0 20px;}
.signiture > img  {width:100%; height:auto;}
.moreinfo {margin:0 20px;}

.geloofimage {width: 24%;
    height: auto;
    float: left;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo { height:auto; padding: 4% 25px; width:69%;}
.geloofinfo h2 {font-size:19px; line-height:24px; margin: 25px 0 20px;}
.geloofinfo > blockquote {margin: 0 0 25px; font-size:11px; line-height:18px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 568px; padding: 30px 80px; margin: 0 auto;}
.award_section1 p { font-size: 9px; margin: 0 0 10px; line-height:13px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:768px;  padding: 20px 0;}
.award_section2_img {width:384px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:324px; padding: 0 30px 0 30px;}
.award_section2_info h2 {font-size:14px; line-height:18px; margin:30px 0 25px;}
.award_section2_info p {font-size: 9px; margin: 0 0 10px; line-height:13px;}
.contactme {padding: 50px 0 45px;}

#grid-content > li.large {width: 50%;}
#grid-content > li { width: 25%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.greenlogo {width:150px; height:auto; right:50px;  top: -97px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:200px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:768px;}
.footer_social {display:block; width:768px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:9px; line-height:14px;}
}

/* Landscape phones and portrait tablets */
@media only screen and (max-width: 767px) {
	

		.content-breed-foto {
    height: auto;
    margin: 0 3% 2%;
    width: 95%;
}
.container { width: 640px; }
header {width:640px;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;}

.flex_caption {margin-left: -320px; width: 640px;}
.flex_caption  img {width:200px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;}
.pointconet   {width: 96%;  margin: 0 20px;  padding: 2% 0 49px;    border-bottom: dotted 1px #ccc;}
	.pointconet.last {border-bottom: none;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:640px; height:auto;}
.bins_image > .mainimage {width:640px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 640px;}
.sticker2 {width: 200px;}

.binfo {width:600px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {}
.binfo p {}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:640px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:590px; height:auto; padding: 22px 25px;}
.geloofinfo h2 {font-size:16px; line-height:20px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 460px; padding: 30px 80px; margin: 0 auto;}
.award_section1 p { font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:640px;  padding: 20px 0;}
.award_section2_img {width:640px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:566px; padding: 0 60px 0 14px;}
.award_section2_info h2 {font-size:18px; line-height:18px; margin:25px 0 0;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 20px 0; font-size: 28px;}

#grid-content > li.large {width: 50%;}
#grid-content > li { width: 25%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.greenlogo {width:150px; height:auto; right:50px;  top: -97px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:200px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:640px; padding: 40px 0 30px;}
.footer_social {display:block; width:640px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:9px; line-height:14px;}
}

/* Portrait phones and smaller */
@media only screen and (max-width: 639px) {
	
	.footerblok {width:96%; padding:2%; border-right:none; border-bottom:dotted 1px #fff;}
	.content-breed-foto {
    height: auto;
    margin: 0 3% 2%;
    width: 95%;
}
.container { width: 580px; }
header {width:580px;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;}

.flex_caption {margin-left: -320px; width: 580px;}
.flex_caption  img {width:200px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;}
.pointconet   {width: 96%;  margin: 0 20px; padding: 2% 0 49px;    border-bottom: dotted 1px #ccc;}
	.pointconet.last {border-bottom: none;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:580px; height:auto;}
.bins_image > .mainimage {width:580px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 580px;}

.binfo {width:530px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {}
.binfo p {}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:580px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:530px; height:auto; padding: 22px 25px;}
.geloofinfo h2 {font-size:16px; line-height:20px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 460px; padding: 30px 30px 30px 70px; margin: 0 auto;}
.award_section1 p { font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:580px;  padding: 20px 0;}
.award_section2_img {width:580px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:505px; padding: 0 60px 0 14px;}
.award_section2_info h2 {font-size:18px; line-height:18px; margin:25px 0 0;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 20px 0; font-size: 28px;}

#grid-content > li.large {width: 50%;}
#grid-content > li { width: 25%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.greenlogo {width:150px; height:auto; right:50px;  top: -97px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:200px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:580px; padding: 40px 0 30px;}
.footer_social {display:block; width:580px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:9px; line-height:14px;}
}

/* Portrait phones and smaller */
@media only screen and (max-width: 579px) {
	.content-breed-foto {
    height: auto;
    margin: 0 3% 2%;
    width: 95%;
}
.container { width: 480px; }
header {width:480px;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;}

.flex_caption {margin-left: -240px; width: 480px;}
.flex_caption  img {width:200px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; width:340px; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;  margin: 0 0 25px;}
.pointconet   {width: 96%;  margin: 0 20px; padding: 2% 0 49px;    border-bottom: dotted 1px #ccc;}
	.pointconet.last {border-bottom: none;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:480px; height:auto;}
.bins_image > .mainimage {width:480px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 480px;}

.binfo {width:440px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {}
.binfo p {}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:480px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:430px; height:auto; padding: 22px 25px;}
.geloofinfo h2 {font-size:19px; line-height:23px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 360px; padding: 30px 30px 30px 70px; margin: 0 auto;}
.award_section1 p { font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:480px;  padding: 20px 0;}
.award_section2_img {width:480px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:430px; padding: 25px 25px 61px;}
.award_section2_info h2 {font-size:18px; line-height:18px;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 20px 0; font-size: 34px; line-height:38px; padding:0 55px;}

#grid-content > li.large {width: 100%;}
#grid-content > li { width: 50%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.sectionwrap  {padding:25px 0;}
.sectionwrap h6 {font-size:16px; line-height:20px; padding:0 55px;}

.greenlogo {width:110px; height:auto; right:50px;  top: -70px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:200px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:480px; padding: 40px 0 30px;}
.footer_social {display:block; width:480px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:9px; line-height:14px;}

}

@media only screen and (min-width: 414px) and (max-width: 479px) {
.container { width: 414px; }	
header {width:414px;}
.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;}

.flex_caption {margin-left: -207px; width: 414px;}
.flex_caption  img {width:100px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; width:225px; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;  margin: 0 0 25px;}
.pointconet   {width: 90%;  margin: 0 20px;   padding: 2% 0 49px;    border-bottom: dotted 1px #ccc;}
	.pointconet.last {border-bottom: none;margin: 0 20px;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:414px; height:auto;}
.bins_image > .mainimage {width:414px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 414px;}

.binfo {width:374px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {font-size:18px; line-height:22px; margin: 0 0 5px;}
.binfo p { margin: 5px 0; font-size:14px; line-height: 18px;}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:414px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:374px; height:auto; padding: 22px 20px;}
.geloofinfo h2 {font-size:19px; line-height:23px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 374px; padding: 30px 20px 30px; margin: 0 auto; background:none;}
.award_section1 p {  font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:414px;  padding: 20px 0;}
.award_section2_img {width:414px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:374px; padding: 25px 20px 61px;}
.award_section2_info h2 {font-size:18px; line-height:18px;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 10px 0; font-size: 34px; line-height:38px;}
.contactme h5 {font-size:17px; padding:0 50px;}

#grid-content > li.large {width: 100%;}
#grid-content > li { width: 50%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.sectionwrap  {padding:25px 0;}
.sectionwrap h6 {font-size: 16px;  line-height: 22px; padding: 0 30px;}

.greenlogo {width:110px; height:auto; right:50px;  top: -70px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:150px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:414px; padding: 40px 0 30px;}
.footer_social {display:block; width:414px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:12px; line-height:16px; padding: 0 30px;}
	
	
	}


@media only screen and (min-width: 360px) and (max-width: 413px) {
.container { width: 360px; }
header {width:360px;}

/* content */
.content-left { float:left; width:96%; padding:2%; color:#373839;}
.content-right {float:left; width:96%; padding:2%; margin-top:2%;}

.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;}

.flex_caption {margin-left: -180px; width: 360px;}
.flex_caption  img {width:100px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; width:225px; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;  margin: 0 0 25px;}
.pointconet   {    width: 85%;
    margin: 0 20px;
    padding: 2% 0 49px;
    border-bottom: dotted 1px #ccc;}
	.pointconet.last {border-bottom: none;} 
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:360px; height:auto;}
.bins_image > .mainimage {width:360px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 360px;}

.binfo {width:320px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {font-size:18px; line-height:22px; margin: 0 0 5px;}
.binfo p {padding: 0 25px 0 5px;  margin: 5px 0; font-size:14px; line-height: 18px;}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.geloofimage {width:360px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:320px; height:auto; padding: 22px 20px;}
.geloofinfo h2 {font-size:19px; line-height:23px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 320px; padding: 30px 20px 30px; margin: 0 auto; background:none;}
.award_section1 p { font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:360px;  padding: 20px 0;}
.award_section2_img {width:360px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:320px; padding: 25px 20px 61px;}
.award_section2_info h2 {font-size:18px; line-height:18px;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 10px 0; font-size: 34px; line-height:38px;}
.contactme h5 {font-size:17px; padding:0 50px;}

#grid-content > li.large {width: 100%;}
#grid-content > li { width: 50%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.sectionwrap  {padding:25px 0;}
.sectionwrap h6 {font-size: 16px;  line-height: 22px; padding: 0 30px;}

.greenlogo {width:110px; height:auto; right:50px;  top: -70px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:150px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:360px; padding: 40px 0 30px;}
.footer_social {display:block; width:360px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size:12px; line-height:16px; padding: 0 30px;}
}

@media only screen and (max-width: 359px) {
.container { width: 320px; }
header {width:320px;}

/* content */
.content-left { float:left; width:96%; padding:2%; color:#373839;}
.content-right {float:left; width:96%; padding:2%;  margin-top:2%;}
.logo {margin: 0 0 0 15px;}
header .socialgroup {    float: left;
    border: none;
    margin-top: -40px;margin-left: -28px;}

.flex_caption {margin-left: -180px; width: 320px;}
.flex_caption  img {width:100px !important; height:auto;}

.menu-area-warp { margin-top: 0; }
.small-view768px { display: block; width:180px; }

.main-menu { display: none; }
.menu-area-warp { height: 55px; }
.mobile-menu > ul.sf-menu { float: none; height: 100%; margin: 0; overflow-y: scroll; padding: 0; }
.mobile-menu ul.sf-menu li { float: none; margin: 0; padding: 0; }
.mobile-menu ul.sf-menu > li > a { background: #d83838; font-size: 14px; line-height: 14px; padding-bottom: 12px; padding-left: 25px; padding-top: 14px; text-transform: uppercase; border-bottom: solid 1px #fff; }
.mobile-menu ul.sf-menu > li > a:hover { background: #399ab2; }
.mobile-menu .sf-menu ul { height: auto; min-width: 75px; position: relative; width: 100%; left: 0 !important; padding: 0px !important; }
.mobile-menu .sf-menu ul li.secend-item, .mobile-menu ul.sf-menu > li > ul > li { display: block; float: none; margin: 0; padding: 0px 0; }
.mobile-menu .sf-menu ul li.secend-item a, .mobile-menu ul.sf-menu > li > ul > li > a { border-bottom: 1px solid #fff; font-size: 12px; line-height: 13px; padding: 14px 0 14px 32px; text-transform: uppercase; }
.mobile-menu .sf-menu ul li.secend-item.sfHover a, .mobile-menu ul.sf-menu > li > ul > li.sfHover > a, .mobile-menu ul.sf-menu > li > ul > li:hover > a { background: #399ab2; color: #fff; }
.mobile-menu ul.sf-menu > li > ul > li.secend-item-last { margin-bottom: 18px; }
.sf-menu li.active {background:none;}
.sf-menu li > a {margin: 0;}

.ponits {}
.pointimage {min-height:20px;  margin: 0 0 25px;}
.pointconet   {    width: 85%;
    margin: 0 20px;
    padding: 2% 0 49px;
    border-bottom: dotted 1px #ccc;}
.pointright {width: 60%; float: left; padding: 0 8%;}

.bins_image {width:320px; height:auto;}
.bins_image > .mainimage {width:320px; height:auto;}
.mainimage > img { height: auto; max-width: 100%; width: 320px;}

.binfo {width:280px; height:auto; padding:0 20px 25px;}
.binfo > .midimage {margin: 20px auto; width:80px; height:auto;}
.binfo > .midimage >img {max-width:100%; height:auto; width:80px;}
.binfo h2 {}
.binfo p {}
.moreinfo {font-size:12px;}
#hide1 {display:block;}
.signiture {width:120px; height:auto;}
.signiture > img  {width:100%; height:auto;}

.sticker2 {  width: 130px;}

.geloofimage {width:320px; height:auto;}
.geloofimage > img {width:100%; height:auto; display:block;}
.geloofinfo {width:280px; height:auto; padding: 22px 20px;}
.geloofinfo h2 {font-size:19px; line-height:23px; margin: 0 0 10px;}
.geloofinfo > blockquote {margin:0 0 15px; font-size:14px; line-height:18px;}
.geloofinfo a { font-size:12px;}

.picturegrid {}
.tab_wrap {display:block;}
.tab_wrap > .picturegrid {display:block;}

#secnd {display:none;}

.award_section1 {width: 280px; padding: 30px 20px 30px; margin: 0 auto; background:none;}
.award_section1 p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.award_section1 h3 {margin: 0 0 20px;}

.award_section2 {width:320px;  padding: 20px 0;}
.award_section2_img {width:320px; height:auto;}
.award_section2_img > img  {width:100%; height:auto;}
.award_section2_info {width:280px; padding: 25px 20px 61px;}
.award_section2_info h2 {font-size:18px; line-height:18px;}
.award_section2_info p {font-size: 12px; margin: 0 0 10px; line-height:16px;}
.contactme {padding: 15px 0 45px;}
.contactme h3 {margin: 10px 0; font-size: 34px; line-height:38px;}
.contactme h5 {font-size:17px; padding:0 30px;}

#grid-content > li.large {width: 100%;}
#grid-content > li { width: 50%; box-sizing: border-box; padding: 9px; margin:0px;}
#grid-content img { height: auto;  width: 100%;}

.sectionwrap  {padding:25px 0;}
.sectionwrap h6 {font-size: 16px;  line-height: 22px; padding: 0 30px;}

.greenlogo {width:110px; height:auto; right:50px;  top: -70px;}
.greenlogo > img {width:100%; height:auto;}

.sticker {width:150px; height:auto;}
.sticker > img  {width:100%; height:auto;}

footer {width:320px; padding: 40px 0 30px;}
.footer_social {display:block; width:320px; float: left; margin:33px 0;}
.footer_social ul {list-style:none;}
.footer_social ul li {display:block; float:left;}
.footer_social > .socialgroup {float:none; margin: 15px auto;}
.footer_social > .socialgroup .pinstrin a {background: url('../img/socialicons.png') no-repeat 0 -4px; width: 12px; height: 14px; display:block;}
.footer_social > .socialgroup .linkind a {background: url('../img/socialicons.png') no-repeat -51px -3px; width: 12px; height: 12px; display:block;}
.footer_social > .socialgroup .tshape a {background: url('../img/socialicons.png') no-repeat -104px -4px;	width: 8px; height: 10px; display:block;}
.footer_social > .socialgroup .facebook a {background: url('../img/socialicons.png') no-repeat -153px -3px;width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .gplus a {background: url('../img/socialicons.png') no-repeat -204px -3px; width: 8px;	height: 12px; display:block;}
.footer_social > .socialgroup .twitter a {background: url('../img/socialicons.png') no-repeat -252px -4px; width: 13px; height: 10px; display:block;} 
footer h5 {font-size: 12px;  line-height: 16px; padding: 0 30px;}

}

@media only screen and (max-width: 319px) {
body { overflow-y: hidden; }
}