/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Sarabun:ital,wght@0,400;0,600;1,400&display=swap');

body {
  background: #f6f6f6;
  color: #2e2e2e;
  font-size: 18px;
  font-family: 'Sarabun', sans-serif;
  line-height: 30px;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  position: relative;
  margin: 0 10%;
}
.page:after {content:"";display:table;clear:both;}
.banner {position:absolute;width:100%;top:48px;z-index:1000;}
.bannerflex {display:flex;align-items:center;}
.splitscreen {display:flex;}
.halfcp {width:50%;position:relative;}
.logopane {background:white;text-align:center;width:20%;padding:24px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.logopane img {max-width:100%;height:auto;}
.menuwrapper {flex:1;}
.toppane {}
.contentpane {}
.cp3 {padding:100px 0;}
.bottom {background:white;padding:140px 40px 60px 40px;}
.bottom .splitscreen {}
.bottompane {flex:1;margin:0 40px 0 0;}
.bottompane:last-child {margin:0;}
.bottompane .h4-headline {margin:0 0 30px 0;}
.bp1 {background:url("pourquie-metallier-logo.png") no-repeat;padding:80px 0 0 0;min-width:240px;}
.copyright {font-size:16px;line-height:24px;color:#b9b9b9;margin:20px 0 0 0;}
.copyright a:link, .copyright a:visited {color:#b9b9b9;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#2e2e2e;text-decoration:none;}

/* Text selection */
::selection {background:#c63f33;}
::-moz-selection {background:#c63f33;}

/* BUTTONS */
a.bigbutton {transition:all .2s ease-in-out 0s;}
a.bigbutton:link, a.bigbutton:visited {color:#c63f33;font-family:'Montserrat', sans-serif;display:inline-block;font-size:18px;font-weight:700;text-decoration:none;margin:12px 0 0 0;}
a.bigbutton:active, a.bigbutton:hover {color:#c63f33;text-decoration:none;margin:12px 0 0 12px;}
a.bigbutton:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f141";margin-right:8px;}
button.bigbutton {background:#c63f33;color:white;font-family:'Montserrat', sans-serif;display:inline-block;font-size:18px;font-weight:700;line-height:48px;padding:0 24px;text-decoration:none;border:none;cursor:pointer;}
button.bigbutton:hover {background:#252525;color:white;}

/* Documents and links */
.documents {}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {background:#c63f33;color:white;display:inline-block;font-size:18px;font-weight:700;line-height:40px;text-transform:uppercase;text-decoration:none;}
.documents a:active, .documents a:hover {background:#252525;color:white;text-decoration:none;}
.newspaper-link a {transition:all .2s ease-in-out 0s;}
.newspaper-link a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f141";margin-right:8px;}
.newspaper-link a:link, .newspaper-link a:visited {color:#c63f33;font-family:'Montserrat', sans-serif;display:inline-block;font-size:18px;font-weight:700;text-decoration:none;margin:12px 0 0 0;}
.newspaper-link a:active, .newspaper-link a:hover {color:#c63f33;text-decoration:none;margin:12px 0 0 12px;}

/* MISC */
.red {color:#c63f33;font-weight:700;}
.intro .newspaper-wrapperdiv {width:80%;float:right;padding:0 80px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.intro .newspaper-wrapper:after {content:"";display:table;clear:both;}
.intro .newspaper-center1 {float:none !important;left:auto !important;}
.intro .newspaper-center2 {left:auto !important;}
.intro .newspaper-imgdivbottom {text-align:left !important;}
.intro .newspaper-imgdivfloatleft {margin:0 20px 0 0;}
.newspaper-wrapper2col {margin:80px 12.5%;}
.newspaper-wrapper2col h3 {color:#c63f33;}
.newspaper-wrapper2col .newspaper-imgdivtop img {margin:0 0 40px 0 !important;width:100%;height:auto;}
.singleimage img {width:60%;height:auto;float:right;}
.singleimage:after {content:"";display:table;clear:both;}
.blue {background:url("bluebg.jpg") no-repeat;background-size:cover;padding:100px 0 120px 0;color:white;}
.blue h2, .blue h3 {color:white;}
.blue .flexcontent-wrapper {width:1140px;margin:0 auto;}
.blue .fcd-flex {align-items:center;}
.blue .flexcontent-media {width:50%;}
.blue .flexcontent-text {width:50%;margin:0 !important;}
.content .blue ul li:before {color:white;}
.parallax-window {min-height:540px;position:relative;margin:0 0 -80px 0;}
.parallax-content {background:white;padding:80px 100px;position:absolute;bottom:0;right:0;}
a.tel {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 46px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 16px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 20px 0 0 0;
}
a.tel:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f095";font-size:24px;margin:0 10px 0 0;}
a.tel:link, a.tel:visited {background:#c63f33;color:white;text-decoration:none;}
a.tel:active, a.tel:hover {background:#2e2e2e;color:white;text-decoration:none;}
a.backtotop {position:fixed;top:-80px;right:10%;width:10%;height:80px;display:block;transition:all .2s ease-in-out 0s;z-index:9900;opacity:0.9;text-align:center;line-height:80px;}
a.backtotop:link, a.backtotop:visited {background:#c63f33;color:white;text-decoration:none;}
a.backtotop:active, a.backtotop:hover {background:#2e2e2e;color:white;text-decoration:none;}
a.backtotop i {font-size:36px;}
body.nomenu a.backtotop {top:0;}
.textmargin {margin:0 20%;padding:100px 0;}
.bottominfos {padding:0 40px;}
.bottominfos .h1-headline {margin:0 0 60px 0;}
.bottominfos .h2-headline a:link, .bottominfos .h2-headline a:visited, .bottominfos .h2-headline a:active, .bottominfos .h2-headline a:hover {color:#c63f33;text-decoration:none;}
.bottominfos .h2-headline a span {transition:all .2s ease-in-out 0s;}
.bottominfos .h2-headline a:hover span {margin-left:6px;color:#c63f33;}
.contactform {margin:0 0 80px 0;}
/* Responsive Embed */
.video-container {text-align:center;}
.fcd-flex .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.fcd-flex .video-container iframe, .fcd-flex .video-container object, .fcd-flex .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
/* Cookie Consent */
.cc-compliance a {text-decoration:none !important;}

/* Social */
.socialicons {font-size:0;text-align:center;}
.socialicons a {display:inline-block;font-size:30px;margin:0 12px 0 0;}
.socialicons a:link, .socialicons a:visited {color:#b9b9b9;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#c63f33;text-decoration:none;}

/* Labels */
.partners .labels {display:flex;justify-content:center;flex-wrap:wrap;}
.partners .label {display:flex;margin:10px 20px;align-items:center;}
.partners .label img {filter:grayscale(1);}
.partners .label img:hover {filter:grayscale(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

/* Headlines */
.h1-headline {font-family:'Sarabun', sans-serif;font-weight:600;font-size:24px;line-height:24px;letter-spacing:0.2em;text-transform:uppercase;color:#b9b9b9;}
.h2-headline {font-family:'Montserrat', sans-serif;font-weight:700;line-height:normal;letter-spacing:-0.025em;font-size:60px;line-height:60px;color:#2e2e2e;}
.h3-headline {font-family:'Montserrat', sans-serif;font-weight:700;line-height:normal;letter-spacing:-0.025em;font-size:30px;line-height:30px;color:#2e2e2e;}
.h4-headline {font-family:'Sarabun', sans-serif;font-weight:600;font-size:24px;line-height:24px;color:#2e2e2e;}

/* Sections */
section {position:relative;}
section#section1 {padding:90px 0 60px 0;}
section#section3 {background:white;}
section#section4 {padding:148px 0 0 0;}
.section-lines {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.section-line-item {
    display: block;
    width: 10%;
    height: 100%;
    border-right: rgba(0,0,0,.1) solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section-line-item:last-child {border-right:none;}
.section-content {position:relative;z-index:2;}
/* Section Header */
.section-header {padding:24px 0 0 24px;opacity:0;transform:translateY(48px);transition-property:opacity, transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);}
section.section-reveal .section-header {opacity:1;transform:translateY(0px);}
.blue .section-header {padding:0 0 40px 0;}
section#section4 .section-header {padding:0;}

/* Contact */
.contact-infos {background:url("bluebg.jpg") no-repeat;padding:80px 20% 100px 20%;}
.contact-infos .contact-item {position:relative;padding:0 0 0 72px;margin:36px 0 0 0;color:white;font-weight:600;line-height:36px;}
.contact-infos .contact-item span {position:absolute;top:0;left:0;font-size:36px;}
.gmap {margin:0 20% 0 0;}

/* SVG Blocks */
.svgblockswrapper {position:relative;padding:0 20% 0 0;}
.svgblocksheader {font-size:72px;line-height:72px;font-weight:600;margin:0 0 60px 0;}
.svgblocks {display:flex;flex-wrap:wrap;}
.svgblock {flex:1 0 50%;width:50%;padding:0 24px 0 100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:40px 0 0 0;position:relative;}
.svgblock h3 {color:#c63f33;}
.svgblock p {margin:10px 0 0 0;}
.svgblockicon {position:absolute;top:0;left:0;}
.svgblockicon svg {fill:#c63f33;width:72px;}

/* Portfolio */
.gblockswrapper {background:white;}
.gblocks {}
.gblocks:after {content:"";display:table;clear:both;}
.gblock {width:33.33%;position:relative;float:left;}
.gblockcontent img {width:100%;height:auto;}
.gblockcontent a {display:block;position:relative;overflow:hidden;}
.gblockcontent-overlay {
  background: rgba(15,112,142,0.9);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.gblockcontent a:hover .gblockcontent-overlay {opacity:1;}
.gblockcontent-text {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 80%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.gblockcontent a:hover .gblockcontent-text {top:50%;opacity:1;}
.gblockcontent h3 {font-size:24px;}
.gblockcontent h3, .gblockcontent p {color:white !important;margin:0 12%;}
/* Detail */
.portfolio {background:white;}
.portfolio-flex {display:flex;}
.portfolio-img {width:40%;margin:120px 0 0 0;}
.portfolio-img img {width:100%;height:auto;}
.portfolio-content {position:relative;flex:1;padding:100px 100px 0 100px;}
.portfolio-back {position:absolute;top:50px;right:50px;}
.portfolio-header {font-weight:600;color:#c63f33;margin:12px 0 0 0;}
.portfolio-gal {padding:120px;display:flex;flex-wrap:wrap;}
.portfolio-gal a {display:block;margin:0 20px 20px 0;}

/* Gallery */
.gallery {padding:120px;display:flex;flex-wrap:wrap;}
.gallery a {display:block;margin:0 20px 20px 0;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;height:100vh;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {-webkit-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 {
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 1000;
}
/* Caption */
.rslides li .caption {position:absolute;bottom:120px;left:10%;color:white;z-index:1100;opacity:0;transform:translateY(48px);transition-property:opacity, transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);}
section.section-reveal .rslides li .caption {opacity:1;transform:translateY(0px);}
.rslides li .caption h3 {font-family:'Sarabun', sans-serif;font-weight:600;font-size:24px;line-height:24px;letter-spacing:0.2em;text-transform:uppercase;color:white;margin:12px 0;}
.rslides li .caption h2 {color:#c63f33;}
.rslides li .caption a.bigbutton {margin:40px 0 0 0;}
.rslides li .caption a.bigbutton:link, .rslides li .caption a.bigbutton:visited {color:white;}
.rslides li .caption a.bigbutton:active, .rslides li .caption a.bigbutton:hover {color:white;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:48px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 18px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255,255,255, .5);
  display: inline-block;
  width: 10px;
  height: 10px;
}
.rslides_tabs .rslides_here a {
  background: white;
}

/* Image Headers */
.topimageheader {height:480px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;bottom:120px;left:0;right:0;color:white;z-index:1100;text-align:center;}
.topimageheader .caption h2 {font-size:72px;line-height:80px;color:white;}
.topimageheader:after {
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}

/* BLOG */
.blogheader {margin:0 0 100px 0;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 12.5%;}
.blog article:after {content:"";display:table;clear:both;}
.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:700;color:#c63f33;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.fd-month {background-color:#c63f33;color:white;font-size:12px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.article-infos {text-transform:uppercase;}
.article-infos span {color:#aeaeae;}
.blog article .article-img {float:left;margin:0 40px 40px 0;}
/* Detail */
article.blog-detail {}
.article-return {float:right;font-size:24px;}
.blog-detail .article-img {margin:40px 0;}
.article-content {margin:40px 0;}
.article-summary {font-weight:bold;}
.article-gallery {margin:40px 0;}
.article-gallery:after {content:"";display:table;clear:both;}
.article-gallery img {display:block;float:left;margin:0 20px 0 0;}
/* Sat */
.blogsat .date {font-size:14px;font-weight:600;text-transform:uppercase;color:#b9b9b9;}

/* Instagram Feed */
.instafeedwrapper {margin:80px 0 0 0;}
.instafeedwrapper h3 {text-align:center;margin:0 0 20px 0;}
.instafeedwrapper h3 a:link, .instafeedwrapper h3 a:visited {color:#c63f33;text-decoration:none;}
.instafeedwrapper h3 a:active, .instafeedwrapper h3 a:hover {color:#2e2e2e;text-decoration:none;}
#instafeed {
  display: flex;
  flex-wrap: wrap;
}
#instafeed a {
  display: flex;
  align-items: center;
  position: relative;
  width: 23%;
  margin: 0 1%;
}
#instafeed img {
  display: block;
  width: 100%;
}

/* TABLE */
.datatable {margin:30px 0;border:1px solid #e9e9e9;font-size:14px;border-collapse:collapse;}
.datatable th {background-color:#e9e9e9;border:1px solid #e9e9e9;padding:12px;color:#252525;font-family:'Sarabun', sans-serif;font-size:16px;font-weight:600;}
.datatable td {border:1px solid #e9e9e9;padding:12px;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#2e2e2e;font-family:'Montserrat', sans-serif;font-weight:700;margin:0;line-height:normal;letter-spacing:-0.025em;}
h1, h4 {font-family:'Sarabun', sans-serif;font-weight:600;font-size:24px;line-height:24px;letter-spacing:0.2em;text-transform:uppercase;color:#b9b9b9;}
h2 {font-size:60px;line-height:60px;}
h3 {font-size:30px;line-height:30px;}
h3 a:link, h3 a:visited  {color:#2e2e2e;text-decoration:none;}
h3 a:active, h3 a:hover {color:#c63f33;text-decoration:none;}
hr {border:0;height:2px;background:#c63f33;margin:20px 0;max-width:200px;}
strong {font-weight:600;}
a:link, a:visited {color:#252525;text-decoration:underline;}
a:active, a:hover {color:#c63f33;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h4 {margin:12px 0;}
h2 {margin:12px 0 20px 0;}
h3, p {margin:20px 0;}
ul {margin:30px 0;padding:0;}
ul li {list-style-type:none;}
blockquote {margin:40px 12.5%;border-left:none;padding:0;}
blockquote, blockquote p {font-style:normal;font-size:22px;line-height:30px;font-weight:600;color:#2e2e2e;text-align:center;}
blockquote p {margin:0;}

/* Styled lists */
.content ul {padding:0;margin:30px 0 30px 12px;}
.content ul li {list-style-type:none;position:relative;padding-left:40px;margin:0 0 10px 0;}
.content ul li:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f138";font-size:24px;color:#c63f33;position:absolute;top:0;left:0;}

/* DEBUG */
.DNNEmptyPane {margin:0;padding:0 !important;}
li p {line-height:24px;}
/* DNN9 Fix */
.dnnModuleManager {
  padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu>ul {margin:0 0 0 60px;}
nav#dnnMenu ul li {
  display: block;
  height: 54px;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 54px 0 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 54px;
  line-height: 54px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: white;
  text-decoration: none;
}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li:last-child {margin:0;}
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
}
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(198,63,51,.9);height:40px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li:hover {background:rgba(198,63,51,1);}
nav#dnnMenu ul li ul li a {height:40px;line-height:40px;padding:0 20px 0 16px;color:white;}
nav#dnnMenu ul li a.haschild:after {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f107';font-size:16px;padding-left:10px;}
nav#dnnMenu ul li.rootlevel:last-child {float:right;margin:0;}
nav#dnnMenu ul li.rootlevel:last-child a {background:#c63f33;color:white;padding:0 24px;}
nav#dnnMenu ul li.rootlevel:last-child a:hover {background:#0f708e;color:white;padding:0 24px;}

/* MobileMenu */
/* Button */
.navicon {}
.navicon a {display:block;width:25%;height:80px;line-height:80px;text-align:center;text-decoration:none !important;float:right;}
.navicon a:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0c9";font-size:36px;color:white;}
.navicon a.collapsable:before {content:"\f00d";}
/* Menu */
.mobilemenu ul {list-style:none;margin:0;padding:20px;font-family:'Montserrat', sans-serif;font-weight:700;font-size:24px;text-align:center;background:white;}
.mobilemenu ul li {display:block;padding:10px 20px;border-bottom:#e1e1e1 solid 1px;}
.mobilemenu>ul>li:last-child {border-bottom:none;}
.mobilemenu ul li span {color:#999;}
.mobilemenu ul li a {display:block;text-decoration:none;color:#252525;}
.mobilemenu ul li a:hover {color:#c63f33;}
.mobilemenu ul li ul {padding:10px 0;}
.mobilemenu ul li li {padding:5px 20px;border-bottom:none;}
.mobilemenu ul li li:last-child {padding:5px 20px 0 20px;}

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

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1380px and less */
@media screen and (max-width:1380px) {
.section-header {padding:0;}
.section-line-item {width:20%;}
.section-line-item:nth-child(5) {border-right:none;}
.section-line-item:nth-child(n+6) {display:none;}
section#section4 {padding:0;}
section#section4 .page {margin:0;}
nav#dnnMenu ul li.rootlevel:last-child a {display:none;}
.intro .newspaper-wrapperdiv {padding:0;}
.singleimage img {width:80%;}
.svgblockswrapper {padding:0;}
.blog article {padding:0 0 0 20%;}
}
/* for 1140px and less */
@media screen and (max-width:1140px) {
.blue .flexcontent-wrapper {width:auto;padding:0 40px;}
nav#dnnMenu>ul {margin:0 0 0 40px;}
nav#dnnMenu ul li {margin:0 40px 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) {
nav#dnnMenu {display:none;}
.navicon {display:block;}
.logopane {width:40%;}
.splitscreen {display:block;}
.halfcp {width:auto;}
.bottompane {flex:initial;margin:0 0 40px 0;}
.intro .newspaper-wrapperdiv {width:auto;float:none;padding:0 20%;}
.portfolio-flex {display:block;}
.portfolio-img {width:auto;margin:0;}
.portfolio-content {flex:initial;}
img {max-width:100%;height:auto !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.svgblocks {display:block;}
.svgblock {flex:initial;width:auto;}
.gblock {width:50%;}
.blue .flexcontent-media {width:auto;}
.blue .flexcontent-text {width:auto;}
#instafeed a {width:46%;margin:0 2% 20px;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.logopane {width:50%;padding:24px 12px;}
.cp3 {padding:40px 0;}
.bottom {padding:40px;}
.intro .newspaper-wrapperdiv {padding:0 10%;}
.intro .newspaper-center1 {margin:40px 0 0 0;}
.newspaper-wrapper2col {margin:40px 10%;}
.blue {padding:40px 0;}
.parallax-window {margin:0;}
.parallax-content {padding:40px 10%;}
a.backtotop {right:0;width:20%;height:40px;line-height:40px;}
.textmargin {margin:0 10%;padding:40px 0;}
.bottominfos {padding:0 40px;}
.bottominfos .h1-headline {margin:0 0 40px 0;}
.contactform {margin:0 0 40px 0;}
section#section1 {padding:40px 0;}
.section-lines {display:none;}
.blue .section-header {padding:0;}
.contact-infos {padding:40px 10%;}
.portfolio-content {padding:0 10%;}
.portfolio-back {position:relative;top:auto;right:auto;text-align:right;}
.portfolio-gal {padding:40px;}
.svgblock {padding:72px 0 0 0;}
.gblock {width:auto;}
.topimageheader .caption h2 {font-size:48px;line-height:48px;}
.blogheader {margin:0 0 40px 0;}
.blog article {padding:0;}
.formatdate {display:none;}
.blog article .article-img {float:none;margin:0 0 40px 0;}
.instafeedwrapper {margin:40px 0 0 0;}
#instafeed a {width:100%;margin:0 0 20px 0;}
.h2-headline {font-size:48px;line-height:48px;}
h2 {font-size:48px;line-height:48px;}
blockquote {margin:40px 0;}
.navicon a {width:50%;}
}