/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Montserrat Thin 100, ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800, Black 900 */

body {
  margin: 0;
  padding: 0;
  color: #313131;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  line-height: 30px;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.pagelarge {
  padding: 0 10%;
}
.page {
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.header {position:relative;width:100%;background:white;animation:none;}
.header.is-sticky {
  position: fixed;
  background: rgba(26,86,50,.9);
  z-index: 1400;
  transform: translateY(-100px);
  animation: move-down .2s forwards;
}
@keyframes move-down {
  100% {
    transform: translateY(0);
  }
}
.header .pageflex {align-items:center;}
.logopane {margin:0 25px 0 0;}
.logopane img {margin:20px 0 10px 0;}
.header.is-sticky .logopane {display:none;}
.headerpane {flex:1;}
.header.is-sticky .headerpane {display:none;}
.menuwrapper {display:flex;justify-content:center;}
body.stickyheader .toppane {margin-top:219px;}
.contentpane0 {padding:80px 10% 0 0;}
.middlebg {background:url("middlebg.svg") no-repeat;}
.contentpane {padding:100px 0 140px 0;}
.leftpane {width:68%;margin:0 4% 0 0;padding:0 0 40px 0;}
.rightpane {flex:1;padding:0 0 40px 0;}
.contentpane3 {padding:60px 0 100px 0;}
.bottom {background:#1a5632 url("illustration-footer.svg") no-repeat 102% center;color:white;padding:60px 0 20px 0;}
.bottom .h3-headline {color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#98b50f;text-decoration:none;}
.bottompane1 {min-height:98px;margin:0 120px 0 0;}
.bottompane2 {margin:0 120px 0 0;}
.bottompane3 {white-space:nowrap;}
.footer {padding:40px 0;}
.copyright {font-size:14px;line-height:18px;}
.copyright span {white-space:pre;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family:"Montserrat", sans-serif;font-size:16px;font-weight:500;letter-spacing:0.1em;padding:0 30px;height:48px;line-height:48px;border-radius:9999px;transition:all 0.3s ease;}
a.bigbutton:link, a.bigbutton:visited {background:#98b50f;color:white;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:#1a5632;color:white;text-decoration:none;}
button.bigbutton {display:inline-block;background:#98b50f;color:white;height:48px;line-height:48px;font-family:"Montserrat", sans-serif;font-size:20px;font-weight:800;border-radius:24px;padding:0 20px;text-decoration:none;border:none;cursor:pointer;font-style:normal;transition:all 0.3s ease;}
button.bigbutton:hover {background:#1a5632;color:white;text-decoration:none;}

/* HEADLINES */
.h1-headline, .h2-headline, .h3-headline {font-family:"DM Serif Display", serif;font-weight:400;line-height:1;color:#1a5632;}
.h1-headline, .h2-headline {font-size:48px;}
.h3-headline {font-size:36px;}
.h4-headline {font-size:24px;font-family:"Montserrat", sans-serif;font-weight:700;line-height:1.2;}

/* Documents and links */
.documents a, .newspaper-link a {display:inline-block;font-family:"Montserrat", sans-serif;font-size:16px;font-weight:500;letter-spacing:0.1em;padding:0 30px;height:48px;line-height:48px;border-radius:9999px;transition:all 0.3s ease;}
.documents a:link, .documents a:visited {background:#98b50f;color:white;text-decoration:none;}
.documents a:active, .documents a:hover {background:#1a5632;color:white;text-decoration:none;}
.documents a:before {font-family:'Material Icons Outlined';content:"\e2c4";font-size:24px;font-weight:normal;margin:0 8px 0 0;vertical-align:top;}
.newspaper-link a:link, .newspaper-link a:visited {background:#98b50f;color:white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {background:#1a5632;color:white;text-decoration:none;}
.bottom .newspaper-link a:active, .bottom .newspaper-link a:hover {background:white;color:#1a5632;}

/* MISC */
::selection {background:#98b50f;}
.about-content {display:flex;align-items:flex-start;}
.about-content img {margin:0 40px 0 0;}
.about-text {font-weight:700;}
.flexcontent-div {margin:0 0 80px 0;}
.flexcontent-media {max-width:50%;}
.flexcontent-media img {max-width:100%;}
.fcd-flex .fcd-images {margin:20px 0 0 0;}
.video-container {text-align:center;}

/* Graphic Blocks */
.gblocks {display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}
.gblocks a {display:block;position:relative;overflow:hidden;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 50%;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    background: linear-gradient(transparent 25%, rgba(26,86,50,.8) 75%);
}
.gblocks img {display:block;max-width:100%;height:auto;}
.gblockstext {position:absolute;z-index:1100;bottom:50px;left:0;margin:0 30px;text-align:right;}
.gblockstext h3 {font-size:48px;margin:0;color:white;}
.gblockstext h4 {font-size:22px;margin:20px 0 0 0;color:white;}
.gblocks a:hover:after {height:100%;}

/* Gazon */
.herocontent {position:relative;overflow:hidden;background:#087549;}
.herocontent .caption {position:relative;z-index:2;font-size:20px;color:white;padding:60px 0 72px 0;}
.herocontent-flex {display:flex;max-width:60%;}
.herocontent-title {margin:0 40px 0 0;text-align:right;}
.herocontent h2 {color:white;margin:0 0 10px 0;}
.herocontent-text {max-width:420px;}
.herocontent p {margin:0;}
.herocontent-link {margin:30px 0 0 0;}
.herocontent-img {position:absolute;top:50%;transform:translateY(-50%);right:0;max-width:40%;}
.herocontent-img:after {
    position: absolute;
    width: 151px;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1;
    background-image: url("gazonmask.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

/* Citation */
.citation-window {background:#087549;color:white;display:flex;align-items:center;}
.citation-content {padding:60px 0 80px;text-align:center;max-width:1140px;margin:0 auto;}
.citation-content h2 {color:white;}
.citation-content hr {background:white;margin:30px auto;}
.citation-text {font-size:20px;letter-spacing:1px;}
.citation-link {margin:20px 0 0 0;}

/* FAQ */
.faqwrapper {margin:80px 0 40px 0;}
.accordion-item {border-bottom:#ced5da solid 1px;padding:20px;}
.accordion-item:last-child {border-bottom:none;}
.accordion-header h3 {margin:0;}
.accordion-header h3:after {font-family:'Material Icons Outlined';content:"\e5d3";font-size:24px;font-weight:normal;margin-left:10px;vertical-align:top;float:right;color:#1a5632;transition:all 0.4s ease;}
.accordion-active .accordion-header h3:after {rotate:90deg;}
.accordion-content p {margin:12px 0 0 0;}

/* Gallery */
.gallery-wrapper {max-width:1140px;margin:80px auto 0;}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:18%;margin:12px 1%;}
.gallery a img {max-width:100%;height:auto;}

/* Slider */
/* Height is calculated on JS */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides li:after {
    position: absolute;
    width: 100%;
    max-width: 80%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
    background-image: url("heromask.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;z-index:1200;text-align:right;}
.rslides li .caption .split {max-width:40%;}
.rslides li .caption .h2-headline {color:white;font-size:54px;line-height:1.2;}
.rslides li .caption p {font-size:20px;font-weight:600;margin:40px 0;}
.caption a.bigbutton:active, .caption a.bigbutton:hover {background:white;color:#1a5632;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:20px;left:50%;transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 2px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  border-radius: 50%;
  background: #ccc;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: white;
  background: rgba(255,255,255, .8);
}

/* Image Headers */
.topimageheader {height:320px;overflow:hidden;position:relative;}
.topimageheader:after {
    position: absolute;
    width: 100%;
    max-width: 60%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
    background-image: url("heromask.svg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}
.topimageheader .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;z-index:1200;}
.topimageheader .caption .h2-headline {font-size:54px;line-height:1.2;color:white;}

/* NEWS */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 100px;}
.blog article h2 {font-size:36px;line-height:36px;margin:0 0 20px 0;}
.formatdate {position:absolute;top:0;left:0;width:72px;text-transform:uppercase;text-align:center;}
.formatdate span {display:block;}
.fd-day {background-color:white;height:60px;line-height:60px;font-size:40px;font-family:"Montserrat", sans-serif;font-weight:400;color:#1a5632;border-radius:3px 3px 0 0;}
.fd-month {background-color:#1a5632;color:white;font-size:12px;border-radius:0 0 3px 3px;}
.blog article .article-content {display:flex;margin:10px 0 0 0;}
.blog article figure {margin:0 30px 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
/* Sat */
.blog-sat h2 {background:url("h2bg.svg") no-repeat center center;text-align:center;margin:0;padding:40px 0;}
.blog-sat .blog article {display:flex;align-items:center;margin:30px 0;padding:0;}
.blog-sat .blog article figure {width:50%;margin:0 50px 0 0;text-align:right;}
.blog-sat .blog article figure img {max-width:100%;height:auto;}
.blog-sat .blog article .article-content {display:block;margin:0;width:50%;}
.blog-sat .blog article .article-content h3 {font-size:36px;margin:0 0 10px 0;}
.article-date {color:#999;}
.blogsatlink {text-align:center;}
/* Archives */
.blog-archives {background:#f7f7f7;padding:30px;margin:20px 0 0 0;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item .count {float:right;color:#999;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article h1 {font-family:"DM Serif Display", serif;font-weight:400;font-size:48px;color:#313131;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:0 40px 0 0;}
.blog-detail .article-infos > div {margin:0 0 20px 0;}
.blog-detail .article-content {flex:1;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 40px;margin:0 0 40px 0;}
.ci-header span {display:block;color:#db0632;font-size:30px;position:absolute;top:0;left:0;}
.contact-map {flex:1;margin:20px 0 40px 40px;}
.csi-content {margin:20px 0 0 0;}
.contactsat-infos {display:flex;justify-content:flex-end;font-weight:700;line-height:1.2;color:#1a5632;}
.contactsat-infos .contact-item {margin:0 50px 0 0;}
.contactsat-infos .contact-item:last-child {margin:0;}
.contactsat-infos .contact-item p {margin:0 0 16px 0;}
.contactsat-infos a.bigbutton {font-weight:700;font-size:18px;height:40px;line-height:40px;letter-spacing:normal;padding:0 20px;}
.contactsat-infos a.bigbutton:link, .contactsat-infos a.bigbutton:visited {background:#1a5632;}
.contactsat-infos a.bigbutton:active, .contactsat-infos a.bigbutton:hover {background:#98b50f;}

/* SOCIAL ICONS */
.socialicons {font-size:0;margin:20px 0 0 0;}
.socialicons a {display:inline-block;font-size:36px;margin-right:15px;}
.socialicons a span {vertical-align:middle;}

/* LABELS */
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:block;margin:0 20px 30px 20px;}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#1d1d1d;padding:12px 36px;text-align:right;color:white;font-family:"Montserrat", sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:18px;line-height:30px;}
.clearfix {clear:both;}
.as-sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"DM Serif Display", serif;font-weight:400;margin:20px 0 30px 0;line-height:1;color:#1a5632;}
h1 {font-size:48px;background:url("tree.svg") no-repeat;padding:110px 0 0 0;margin:0 0 30px 0;}
h2 {font-size:48px;}
h3 {font-size:36px;}
h3 strong {font-weight:400;background:linear-gradient(to bottom, transparent 20%, rgba(152, 181, 15, .25) 20% 80%, transparent 80%);padding:0 8px;}
h4 {font-size:24px;font-family:"Montserrat", sans-serif;font-weight:700;line-height:1.2;}
h2 a:link, h2 a:visited {text-decoration:none;color:#1a5632;}
h2 a:active, h2 a:hover {text-decoration:none;color:#313131;}
h3 a:link, h3 a:visited {text-decoration:none;color:#313131;}
h3 a:active, h3 a:hover {text-decoration:none;color:#1a5632;}
strong {font-weight:700;}
a:link, a:visited {color:#1a5632;text-decoration:none;}
a:active, a:hover {color:#1a5632;text-decoration:underline;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
li p {line-height:30px;}
.content ul, .contentright ul {margin:20px 0 20px 30px;}
.content ul li, .contentright ul li {list-style-type:disc;margin:0;}
.content ul li:last-child, .contentright ul li:last-child {margin:0;}
.content ul li::marker, .contentright ul li::marker {color:#1a5632;}
.contentleft ul, .rightpane ul {margin:20px 0;}
.contentleft ul li, .rightpane ul li {list-style-type:none;padding:8px 0;border-bottom:#ddd solid 1px;margin:0;}
.contentleft ul li:last-child, .rightpane ul li:last-child {border-bottom:0;}
hr {border:0;height:3px;background:#1a5632;margin:30px 0;max-width:120px;clear:none;}
blockquote {margin:40px;max-width:800px;}
blockquote, blockquote p {font-family:"DM Serif Display", serif;font-weight:400;font-size:24px;line-height:30px;font-style:normal;color:#1a5632;}
blockquote:after {display:block;width:120px;height:4px;content:"";background:rgba(26,86,50,.2);margin:20px 0 0 0;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0 !important;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;float:right;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  box-sizing: border-box;
  margin: 0 40px 0 0;
}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li a {
  display: block;
  height: 64px;
  line-height: 64px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1a5632;
  text-decoration: none;
  transition: all 0.3s ease;
}
nav#dnnMenu ul li a:hover {color:#98b50f;}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
.header.is-sticky nav#dnnMenu ul li a {color:white;}
.header.is-sticky nav#dnnMenu ul li a:hover {color:#98b50f;}
.header.is-sticky nav#dnnMenu ul li.rootlevel:first-child {display:block;}
/* Sub*/
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  right: 0;
  z-index: 9900;
  transition: all 0.3s ease;
  margin: 0;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition:all 0.3s ease;}
nav#dnnMenu ul li ul li {background:rgba(235,93,37,.9);height:48px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li a {height:48px;line-height:48px;padding:0 16px;color:white;}
nav#dnnMenu ul li ul li a:hover {color:#313131;}

/* MobileMenu */
/* Button */
.navicon a {display:block;height:50px;line-height:50px;text-align:center;text-decoration:none !important;}
.navicon a:before {font-family:'Material Icons Outlined';content:"\e5d2";font-size:48px;font-weight:normal;vertical-align:top;color:#1a5632;}
.navicon a.collapsable:before {content:"\e5cd";}
/* Menu */
.mobilemenu ul {list-style:none;margin:0 44px;padding:0 0 20px 0;font-family:"Montserrat", sans-serif;font-weight:700;font-size:20px;text-align:center;}
.mobilemenu ul li {display:block;border-top:#eee solid 1px;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:#1a5632;}
.mobilemenu ul li a:hover {color:#98b50f;}
.mobilemenu ul li a.disabled {color:#b0b0b0;}
.mobilemenu ul li ul {margin:0;padding:0;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1720px and less */
@media screen and (max-width:1720px) {
.rslides li .caption .pagelarge {padding:0 30px;}
.contentpane0 {padding:80px 30px 0 0;}
.bottompane1, .bottompane2 {margin:0 60px 0 0;}
}
/* for 1320px and less */
@media screen and (max-width:1320px) {
.pagelarge, .page {padding:0 30px;}
}
/* for 1140px and less */
@media screen and (max-width:1140px) {
nav#dnnMenu ul li {margin:0 10px 0 0;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
body.stickyheader .toppane {margin-top:0;}
.logopane {text-align:center;margin:0;}
.headerpane {display:none;}
.contentpane0 {padding:50px 30px;}
.contentpane {padding:50px 0;}
.leftpane {width:auto;margin:0;}
.rightpane {flex:initial;}
.contentpane3 {padding:50px 0;}
.bottom {background:#1a5632 url("illustration-footer.svg") no-repeat 102% 88%;}
.bottompane1, .bottompane2 {margin:0 0 40px 0;}
.footer {text-align:center;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
.rslides li .caption {text-align:left;}
.rslides li .caption .split {max-width:none;}
.rslides li .caption .h2-headline {font-size:48px;}
.rslides li .caption p {font-size:18px;}
.topimageheader .caption .h2-headline {font-size:48px;}
.herocontent {text-align:center;}
.herocontent .caption {padding:50px 0;}
.herocontent-flex {max-width:none;flex-direction:column;}
.herocontent-title {margin:0 0 40px 0;text-align:center;}
.herocontent-text {max-width:none;}
.herocontent-link {margin:30px 0;}
.herocontent-img {position:relative;top:auto;transform:none;right:auto;max-width:none;}
.herocontent-img:after {display:none;}
.citation-content {padding:50px 0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.blog-sat .blog article {display:block;}
.blog-sat .blog article figure {width:auto;margin:0 0 20px 0;text-align:center;}
.blog-sat .blog article .article-content {width:auto;}
.gallery a {width:23%;margin:8px 1%;}
.flexcontent-media {max-width:none;}
/* FC OW */
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div, .fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
.logopane img, .content img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.h1-headline, .h2-headline {font-size:36px;}
.rslides li .caption .h2-headline {font-size:36px;}
.rslides li .caption p {margin:20px 0;}
h1, h2 {font-size:36px;}
.gblockstext h3 {font-size:36px;}
blockquote {margin:40px 20px;}
.about-content {display:block;}
.about-content img {margin:0 0 20px 0;}
.blog article {padding:0;}
.formatdate {position:relative;margin:0 0 20px 0;}
.gallery a {width:29.33%;margin:8px 2%;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for less than 380px (Iphone 7)*/
@media screen and (max-width:380px) {
.gallery a {width:46%;margin:8px 2%;}
}