@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; background:#f2ede6; font-family:'Montserrat', sans-serif; font-size:1.8rem; line-height:1.628571; color:#1d1d1b; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
body.noscroll{overflow:hidden;}
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold;}
h1{font-size:4.2rem; margin-bottom:50px; color:#1e333d;}
h2{font-size:2.6rem; margin-bottom:35px; color:#1e333d;}
h3{font-size:2.2rem; margin-bottom:15px; color:#1e333d;}
h1.nomargin,
h2.nomargin,
h3.nomargin,
h4.nomargin,
h5.nomargin,
h6.nomargin{margin:0px;}
h3.wider{margin:35px 0px;}

p{margin:0px 0px 35px 0px;}
a, a *{color:#5089a3; text-decoration:none;}
a:hover{color:#375e70; text-decoration:underline;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc inside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}
button{-webkit-appearance:none;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left;}
.right{float:right;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*reset apple*/
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

/*main-container*/
main{width:100%; max-width:1920px; display:grid; grid-template-columns:1fr; grid-template-rows:auto; min-height:100vh; grid-gap:0px; margin:0px auto;}
.container{max-width:1260px; margin:0px auto;}

/*backgrounds*/
.bg-white{background:rgba(255,255,255,0.4);}
.bg-blue{background:#1e333d;}
.bg-euro{background-image:url('../images/beeldmerk-euro.png'); background-position:center; background-size:50%; background-repeat:no-repeat;}

/*buttons*/
.button{min-width:200px; height:40px; line-height:40px; display:inline-block; padding:0px 16px; text-align:center; font-size:1.4rem; border-radius:8px; font-weight:bold; text-transform:uppercase; text-decoration:none !important; color:#ffffff;}  
.button.black{background:#1E333D;}
.button.black:hover{background:#37704a; color:#ffffff;}
.button.green{background:#37704a;}
.button.green:hover{background:#1e333d; color:#ffffff;}
.button.beige{background:#f2ede6; color:#1e333d;}
.button.beige:hover{background:#1e333d; color:#ffffff;}

/*animation*/
.grow {transition: all .3s ease-in-out;}
.grow:hover{transform: scale(1.1);}
.shrink {transition: all .3s ease-in-out;}
.shrink:hover{transform: scale(0.9);}

/*forms*/
form.form-grid{display:grid; grid-template-columns:1fr; gap:0px; padding:50px; background:rgba(255,255,255,0.4);}
form.form-grid h2{margin-top:70px;}
form.form-grid h2:first-of-type{margin-top:0px;}
form.form-grid div{padding:10px 0px 0px 70px; border-left:2px solid #cab499;}
form.form-grid div.padding{padding:16px;}
form.form-grid div.winnie{display:none;}
form.form-grid div.nopadding{padding:0px;}
form.form-grid div ul{list-style:disc outside; margin:0px 0px 0px 20px;}
form.form-grid div.label{font-size:1.4rem; font-weight:700; padding:15px 0px 10px 35px;}
form.form-grid div label{font-size:1.6rem; margin-right:24px;}
form.form-grid div span{display:block; height:32px; line-height:32px;}
form.form-grid div input[type="radio"]{margin-right:12px;}
form.form-grid div input[type="checkbox"]{margin-right:24px;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="datetime-local"],
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Montserrat', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; font-family:'Montserrat', sans-serif; color:#555555;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer; background-color:#37704a;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Montserrat', sans-serif; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer; background-color:rgba(215,66,24,1);}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}
form.form-grid div.noborder{border:none !important;}
form.form-grid div span{color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="file"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="datetime-local"].red,
form.form-grid div textarea.red,
form.form-grid div select.red{border:1px solid rgba(215,66,24,1);}
form.form-grid div label.red{color:rgba(215,66,24,1);}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="datetime-local"]:focus,
form.form-grid div select:focus{border:1px solid #37704a;}
form.form-grid div textarea{border:1px solid #eae9e9;}
form.form-grid div textarea:focus{border:1px solid #37704a;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{color:#ffffff; background-color:#aaaaaa;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{color:#ffffff; background-color:#37704a;}


/*header*/
header{height:245px;}
header.big{height:50vh;}
header .grid{display:grid; grid-template-columns:315px auto; grid-gap:0px; padding-top:35px; position:relative; z-index:1200;}
header .grid .logo{width:315px; height:171px; display:block; background:#1e333d; padding:15px;}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid .menu .icon{display:none;}

/*slider*/
.slider{width:calc(((100vw - (100vw - 100%)) - (((100vw - (100vw - 100%)) - 1260px) /2)) - 105px); height:245px; position:absolute; top:0; right:0; z-index:-1;}
.slider.big{height:50vh;}
.slider .slides{width:100%; height:inherit; display:inline-block; top:0; left:0;}
.slider .slides .slide{width:inherit; height:inherit;}

/*nav*/
nav{width:calc(((100vw - (100vw - 100%)) - (((100vw - (100vw - 100%)) - 1260px) /2)) - 105px); height:55px; position:absolute; top:245px; right:0; z-index:0; background:#1e333d;}
nav.big{top:50vh;}
nav ul{width:100%; display:block; float:left; padding:0px 15px;}
nav ul li{float:left;}
nav ul li a{height:55px; display:block; padding:0px 15px; line-height:55px; color:#cab499; text-transform:uppercase; font-weight:bold;}
nav ul li a:hover,
nav ul li a.on{text-decoration:none; background:#283C46; color:#cab499;}
nav ul li a.on{color:#ffffff;}
nav .close{display:none;}

/*sections*/
section{margin-bottom:70px;}

section.intro{margin-top:140px; overflow:visible;}
section.intro .grid{display:grid; grid-template-columns:auto 105px; gap:210px; position:relative;}
section.intro.wide .grid{grid-gap:0px;}
section.intro .grid article{padding-left:105px;}
section.intro .grid article h1{text-transform:uppercase;}
section.intro .bars{position:relative;}
section.intro .bars .lift{margin-top:-210px; height:280px; border-left:35px solid #cab499; border-right:35px solid #cab499; position:relative;}
section.intro .button:first-of-type{margin-bottom:12px;}
section.intro .image{position:absolute; right:0; bottom:0; width:315px;}
section.intro .image img{object-fit:contain; width:100%; height:100%;}

section.about{padding-top:70px; margin-bottom:140px; overflow:visible;}
section.about .grid{display:grid; grid-template-columns:420px auto; grid-gap:105px;}
section.about:nth-of-type(even) .grid{grid-template-columns:auto 420px;}
section.about:nth-of-type(even) .grid .profile-picture{grid-column-start:2;}
section.about:nth-of-type(even) .grid .profile-data{grid-column-start:1; grid-row-start:1;}
section.about .grid .profile-picture{margin-bottom:-70px;}
section.about .grid .profile-picture img{width:100%;}
section.about .grid .profile-data *{color:#f2ede6; font-size:1.6rem;}
section.about .grid .profile-data h4{font-size:2.4rem; margin-bottom:35px; color:#ffffff;}
section.about .grid .profile-data .contact-details{display:grid; grid-template-columns:repeat(3,auto); grid-gap:35px;}
section.about .grid .profile-data .contact-details a i{float:left; margin-right:10px; font-size:2.2rem; margin-top:5px;}

section.content article{padding:0px 105px;}

section.gallery{height:315px;}

section.products{padding:56px 0;}
section.products.margin{margin-bottom:70px;}
section.products .grid{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px; row-gap:52px;}
section.products .grid .title{grid-column-end:span 3; text-align:center;}
section.products .grid .title.txt-left{text-align:unset;}
section.products .grid .title h3{font-size:3.6rem; text-transform:uppercase; color:#1e333d; text-align:center !important;}
section.products .grid .title article p:last-of-type{margin:0px 0px 35px 0px;}
section.products .grid .product{display:block; height:100%; padding:32px; position: relative; background:white;}
section.products .grid .product:hover{text-decoration:none !important;}
section.products .grid .product .about p{font-size:1.6rem; text-align:center; text-decoration:none !important;}
section.products .grid .product .about h2{min-height:48px; font-size:2.0rem;  color:#1e333d; margin-bottom:35px; text-align:center; text-decoration:none !important;}
section.products .grid .product .about p:hover,
section.products .grid .product .about h2:hover{text-decoration:none !important; color:#1e333d !important;}
section.products .grid .product .brandmark{width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
section.products .grid .product .brandmark .bars{display:block; width:45px; height: 60px; position: relative; top:-30px; left:20px; border-left:15px solid #cab499; border-right:15px solid #cab499;}
section.products .grid .product .brandmark .icon{position:absolute; bottom:24px; right:24px; display:inline-block; text-align:center;}
section.products .grid .product .brandmark .icon i{font-size:3.6rem; text-align:center; color:#1e333d;}
section.products .grid .product .prod-logo{width:80%; margin: 0 auto;}
section.products .grid .product .prod-logo img{width:100%; height:100%; object-fit:contain;}

section.references{overflow:visible; margin-top:35px;}
section.references .grid{display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:70px; row-gap:15px;}
section.references .grid .title{height:105px; grid-column-end:span 3; text-align:center;}
section.references .grid .title h3{font-size:3.6rem; text-transform:uppercase; color:#1e333d;}
section.references .grid .reference{display:block; background:#ffffff; padding:0px 35px 35px 35px; text-align:center; color:#1e333d; font-size:1.6rem;}
section.references .grid .reference p{min-height:210px;}
section.references .grid .reference .bars{display:block; width:45px; height:60px; position:relative; top:-20px; left:-20px; border-left:15px solid #cab499; border-right:15px solid #cab499;}
section.references .grid .reference .author{display:grid; grid-template-columns:70px auto; column-gap:15px; padding-top:15px; border-top:2px dotted #cab499}
section.references .grid .reference .author .image{grid-row-end:span 2;}
section.references .grid .reference .author .image.no-image{display:none;}
section.references .grid .reference .author strong{color:#1e333d; font-weight:700; text-transform:uppercase; font-size:1.4rem;}
section.references .grid .reference .author em{font-style:normal; font-size:1.2rem;}
section.references .grid .reference .author em.no-image,
section.references .grid .reference .author strong.no-image{grid-column-end: span 2;}
section.references .grid .more{grid-column-start:3; text-align:right;}

section.blocks{overflow:visible;}
section.blocks .grid{padding:0px 105px;}
section.blocks .grid .subpage{background:#ffffff;}
section.blocks .grid .subpage .icon{display:block; width:45px; height:60px; position:relative; top:-35px; left:35px;}
section.blocks .grid .subpage .icon i{font-size:7.2rem; color:#cab499;}
section.blocks .grid .subpage .content{display:grid; grid-template-columns:auto 420px; grid-gap:35px; padding:0px 35px 35px 105px;}
section.blocks .grid .subpage .content.wide{grid-template-columns:1fr;}
section.blocks .grid .subpage .content .image{position:relative;}
section.blocks .grid .subpage .content .image img{position:absolute; bottom:-70px; border:4px solid #cab499;}

section.news{overflow:visible;}
section.news .container{padding:0px 105px;}
section.news .container .controls{width:100%; height:70px; display:grid; grid-template-columns: max-content max-content 1fr; margin-bottom:70px;}
section.news .container .controls select{height:46px; font-size:1.4rem; padding:12px; border-radius:8px; margin-right:35px; color:#1e333d; background:#ffffff; border:1px solid #cab499; font-weight:bold; font-family:'Montserrat', sans-serif;}
section.news .container .controls select option{color:#555555;}
section.news .container .controls form{display:unset;}
section.news .container .controls input[type="text"]{width:350px; height:46px; line-height:46px; padding:12px; margin-right:12px; border-radius:8px; border:1px solid #cab499; color:#1e333d; font-weight:bold; background:#ffffff;font-family:'Montserrat', sans-serif;}
section.news .container .controls input[type="submit"]{width:70px; height:46px; line-height:46px; border:none; cursor:pointer; border-radius:8px; background:#cab499; color:#1e333d; font-weight:bold; font-family:'Montserrat', sans-serif;}
section.news .container .controls a.button{float:right; height:46px; line-height:46px;}
section.news .container .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:70px;}
section.news .container .grid .item{position:relative; background:#ffffff;}
section.news .container .grid .item .icon{display:block; width:45px; height:60px; position:relative; top:-35px; left:35px;}
section.news .container .grid .item .icon i{font-size:7.2rem; color:#cab499;}
section.news .container .grid .item .content{padding:0px 35px 35px 105px;}
section.news .container .grid .item .content h3{display:block; height:70px;}
section.news .container .grid .item .content span{display:block; height:35px; font-size:1.2rem; color:#cab499;}
section.news .container .grid .item .content p{min-height:140px; font-size:1.4rem;}

/*footer*/
footer{background:#303940;}
footer .grid{display:grid; grid-template-columns:1fr 1fr 2fr; grid-gap:70px; row-gap:70px; padding:35px 0px;}
footer .grid div.logo a{width:175px; height:auto; display:block;}
footer .grid div.logo a img{width:100%;}
footer .grid div.newsletter span{display:block; font-size:1.6rem; color:#bec0c2; margin-bottom:15px;}
footer .grid div.newsletter a{width:100%; height:40px; display:block; line-height:40px; border-radius:8px; border:2px solid #bec0c2; color:#ffffff; text-align:center; font-weight:bold; font-size:1.8rem;}
footer .grid div.newsletter a:hover{background:rgba(255,255,255,0.2); text-decoration:none;}
footer .grid div ol{float:right;}
footer .grid div ol li{text-align:right;}
footer .grid div ol li a{text-transform:uppercase; font-weight:bold; text-align:right; color:#bec0c2;}
footer .grid div ol li a:hover{color:#ffffff;}
footer .grid div.copyright{grid-column-end:span 3; border-top:2px solid #596166;}
footer .grid div.copyright span{margin-right:24px;}
footer .grid div.copyright span,
footer .grid div.copyright span a{font-size:1.4rem; color:#596166; line-height:60px;}
footer .grid div.copyright span a:hover{color:#bec0c2;}
footer .grid div.copyright span:last-of-type{float:right; margin-right:0px;}
footer .grid div.copyright br{display:none;}

/*laptop l*/
@media only screen and (max-width:1440px) 
{
    
}

/*laptop*/
@media only screen and (max-width:1024px) 
{   
    h1{font-size:3.8rem;}
    h2{font-size:2.2rem;}
    h3{font-size:1.8rem;}

    body{font-size:1.6rem;}
    
    header.big{height:30vh;}
    header .grid{padding:35px 35px 0px 35px;}
    header .grid .menu{padding-right:0px;}
    nav{width:calc((100vw - (100vw - 100%)) - 70px);}
    nav.big{top:30vh;}
    nav ul li a{padding:0px 8px;}
    .slider{width:calc((100vw - (100vw - 100%)) - 70px);}
    .slider.big{height:30vh;}
    section.intro .container{padding:0px 35px;}
    section.intro .grid article{padding-left:35px;}
    section.intro .image{right:35;}
    section.about{margin-bottom:105px;}
    section.about .container{padding:0px 35px;}
    section.about .grid{grid-template-columns:1fr 2fr; grid-gap:50px;}
    section.about:nth-of-type(even) .grid{grid-template-columns:2fr 1fr; grid-gap:50px;}
    section.about .grid .profile-data{padding-bottom:35px;}
    section.about .grid .profile-data h4{font-size:2.0rem;}
    section.about .grid .profile-data *{font-size:1.4rem;}

    section.products .grid .product{grid-template-columns:60px auto;}

    section.products .grid .product .brandmark .icon i{line-height:105px; font-size:4.0rem;}
    section.products .grid .product .about h2{min-height:unset;}
    section.gallery{height:265px;}
    section.references .container{padding:0px 35px;}
    section.references .grid{grid-template-columns:1fr 1fr;}
    section.references .grid .title{grid-column-end:span 2;}
    section.references .grid .title h3{font-size:3.0rem;}
    section.references .grid .reference:nth-of-type(3){display:none;}
    section.references .grid .more{grid-column-start:2;}
    section.content .container{padding:0px 35px;}
    section.content article{padding:0px 35px;}  
    section.blocks .grid{padding:0px 140px 0px 70px;}
    section.blocks.double .grid{grid-gap:35px;}
    section.blocks .grid .subpage .content{grid-template-columns:1fr 1fr;}
    section.blocks .grid .subpage .content .image img{width:100%;}
    section.news .container{padding:0px 35px;}
    section.news .container .grid{grid-gap:35px; row-gap:70px;}
    section.news .container .grid .item .content{padding:0px 35px 35px 70px;}
    footer .grid{padding:35px;}
    
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{font-size:2.6rem;}
    h2{font-size:2.0rem;}
    h3{font-size:1.6rem;}
    
    body{font-size:1.4rem;}

    header .grid{grid-template-columns:205px auto;}
    header .grid .logo{width:205px; height:131px;}

    header .grid{grid-template-columns:120px auto; padding:15px 15px 0px 15px;}
    header .grid .logo{width:120px; height:77px;}
    header .grid .menu{text-align:right;}
    header .grid .menu a.icon{float:right; margin-left:35px; display:unset; z-index:1200;}
    header .grid .menu a.icon:last-of-type{display:none;}
    header .grid .menu a,
    header .grid .menu a *{text-decoration:none !important;}
    header .grid .menu i{color:#ffffff; line-height:70px; font-size:2.8rem; display:block;}
    nav{width:0; height:100%; position:fixed; z-index:1000; top:0px !important; right:0; overflow-x:hidden; transition:0.5s;}
    nav.open{width:100%; background:rgba(0,0,0,0.7); transition: 0.7s;}
    nav ul{position:relative; height:100%; background:#303940; margin-top:112px;}
    nav ul li{width:100%; min-height:50px; display:block; padding:5px 15px; box-sizing:border-box; color:#f2ede6; text-decoration:none;}
    nav ul li a{font-size:1.4rem; line-height:50px; color:inherit; text-decoration:none; font-weight:bold;}
    nav ul a.on,
    nav ul a:hover{color:#cab499;}
    nav ul li ul{width:300px; height:auto; float:left; background:rgba(255,255,255,0.1); border-left:1px solid #000000; padding-top:0px; margin-bottom:15px;}
    nav ul li ul li{padding:5px 15px; line-height:unset;}
    nav ul li ul li a{font-size:1.4rem; line-height:unset;} 
    nav ul{padding:0px;}
    nav ul li a{padding:0px 10px;}
    section.intro{margin-top:105px; margin-bottom:80px;}
    section.intro .grid{grid-template-columns:auto 90px; grid-gap:70px;}
    section.intro .bars .lift{margin-top:-175px; height:210px; border-left:30px solid #cab499; border-right:30px solid #cab499;}
    section.intro .image{width:160px; bottom:-40px; right:35px;}
    section.about{margin-bottom:70px;}
    section.about .grid .profile-data .contact-details{grid-template-columns:1fr; row-gap:15px;}
    section.about .grid .profile-data .contact-details a i{width:30px; margin-top:0px;}
    section.products .grid .product .about p{font-size:1.4rem;}
    section.news .container .controls{height:unset; display:grid; grid-template-columns:1fr 1fr; row-gap:24px;}
    section.news .container .controls div{grid-column-end:span 2;}
    section.news .container .controls a.button{height:32px; line-height:32px;}
    section.news .container .controls select{height:32px; font-size:1.2rem; padding:8px; border-radius:8px; margin-right:20px;}
    section.news .container .controls input[type="text"]{width:calc(100% - 82px); height:32px; line-height:32px; padding:8px; margin-right:12px;}
    section.news .container .controls input[type="submit"]{width:70px; height:32px; line-height:32px;}    
    section.news .container .grid{grid-template-columns:1fr;}  
    section.news .container .grid .item .content p,
    section.news .container .grid .item .content span,
    section.news .container .grid .item .content h3{height:unset; min-height:unset;}
    section.news .container .grid .item .content{padding:0px 35px 35px 70px;}
    section.products .grid{grid-template-columns:1fr 1fr; }
    section.products .grid .title{grid-column-end:span 2;}        
    section.blocks .grid .subpage .content{padding:0px 35px 35px 70px; grid-template-columns:1fr;}
    section.blocks .grid .subpage .content .image img{position:unset; bottom:unset;}
    footer .grid div.copyright span, footer .grid div.copyright span a{line-height:unset; font-size:1.2rem;}
    footer .grid div.copyright br{display:unset;}
    footer .grid div.copyright span:last-of-type{float:unset; margin-right:unset;}    
}

/*mobile l*/
@media only screen and (max-width:426px)
{
    h1{font-size:2.2rem; margin-bottom:35px;}
    h2{font-size:1.8rem;}
    h3{font-size:1.6rem;}
    .button{min-width:unset; height:32px; line-height:32px; padding:0px 12px; text-align:center; font-size:1.2rem;}  

    body{font-size:1.4rem;}
    
    .bg-euro{background-size:150%;}
    

    section.content.form .container {padding: 0 12px;}
    
    .slider.big{height:250px;}
    header.big{height:250px;}
    .slider{width:calc((100vw - (100vw - 100%)) - 35px);}
    section{margin-bottom:35px;}
    section.intro{margin-top:0px; padding-top:35px; margin-bottom:100px;}
    section.intro .grid{grid-template-columns:auto 45px; grid-gap:15px;}
    section.intro .container{padding:0px 15px;}
    section.intro .bars .lift{margin-top:-70px; height:60px; border-left:15px solid #cab499; border-right:15px solid #cab499;}
    section.intro .grid article{padding-left:20px;}
    section.intro .image{width:fit-content; height:70px; bottom:-100px; right:unset; left:35px;}
    section.about{padding-top:35px; margin-top:35px;}
    section.about .grid{grid-template-columns:1fr; grid-gap:15px;}
    section.about:nth-of-type(even) .grid{grid-template-columns:1fr; grid-gap:15px;}
    section.about:nth-of-type(even) .grid .profile-picture{grid-column-start:unset;}
    section.about:nth-of-type(even) .grid .profile-data{grid-column-start:unset; grid-row-start:unset;}
    section.about .grid .profile-picture{margin-bottom:unset; margin-top:-70px;}
    section.products{margin-bottom:-35px; padding:35px 0px;}
    section.products.margin{margin-bottom:35px;}
    section.products .grid{grid-template-columns:1fr;}
    section.products .grid .title{grid-column-end:unset;}
    section.products .grid .title h3{font-size:2.0rem;}
    section.products .grid .product{grid-template-columns:30px auto;}
    section.products .grid .product .brandmark .bars{height:50px; border-left:10px solid #cab499; border-right:10px solid #cab499;}
    section.products .grid .product .brandmark .icon i{line-height:50px; font-size:2.5rem;}    
    section.references .grid{grid-template-columns:1fr; gap:15px;}
    section.references .container{padding:0px 15px;}
    section.references .grid .title{grid-column-end:unset;}    
    section.references .grid .title h3{font-size:2.0rem;}
    section.references .grid .more{grid-column-start:unset;}
    section.gallery{height:140px;}
    section.content article{padding:0px;}
    section.blocks{margin-bottom:70px; margin-top:35px;}
    section.blocks .grid{grid-template-columns:35px auto; padding:0px;}
    section.blocks .grid .subpage .icon i{font-size:4.8rem; color:#cab499;}
    section.blocks .grid .subpage .content{padding:0px 35px 15px 35px;}    
    section.news .container{padding:0px 15px;}
    section.news .container .controls{width:100%; grid-template-columns:1fr; height:unset; margin-bottom:70px; background:rgba(255,255,255,0.2); padding:15px;}
    section.news .container .controls div{grid-column-end: unset;}
    section.news .container .controls select{width:100%; margin-right:unset; margin-bottom:15px;}
    section.news .container .controls input[type="text"]{width:100%; margin-right:unset; margin-bottom:10px;}
    section.news .container .controls input[type="submit"]{width:100%;} 
    section.news .container .grid .item{}
    section.news .container .grid .item .icon i{font-size:4.8rem; color:#cab499;}
    section.news .container .grid .item .content{padding:0px 35px 15px 35px;}

    form.form-grid div.label,
    form.form-grid div{padding:2px 0 0 8px;}
    form.form-grid{padding:8px;}
    form.form-grid h2{margin-top:32px;}
    form.form-grid div label{font-size:1.4rem;}
    form.form-grid div.submit{grid-template-columns:1fr; padding:unset !important;}
    form.form-grid div.submit .button-right{ padding: unset !important;}
    form.form-grid div.submit .button-right input[type=button], form.form-grid div.submit .button-right input[type=submit]{width:100%; float:unset;}
    form.form-grid div input[type="text"], form.form-grid div input[type="number"], form.form-grid div input[type="date"], form.form-grid div input[type="datetime-local"], form.form-grid div select{font-size:1.2rem;}

     
    footer .grid{grid-template-columns:105px auto;}
    footer .grid div.logo a{width:105px;}
    footer .grid div ol li a{font-size:1.2rem;}

}

/*mobile m*/
@media only screen and (max-width:375px)
{
    h1{font-size:1.6rem;}
    h2{font-size:1.6rem;}
    h3{font-size:1.4rem;}
    
    body{font-size:1.2rem;}
    section{margin-bottom:50px;}
    section.about .grid .profile-data *{font-size:1.2rem;}
    section.about .grid .profile-data h4{font-size:1.4rem;}
    section.about .grid .profile-data .contact-details a i{width:20px; font-size:1.8rem;}
    section.products .grid .title{height:70px;}
    section.products .grid .product{grid-template-columns:30px auto;}
    section.products .grid .product .brandmark .bars{height:50px; border-left:10px solid #cab499; border-right:10px solid #cab499;}
    section.products .grid .product .brandmark .icon i{line-height:50px; font-size:2.0rem;}
    section.products .grid .product .about h2{font-size:1.4rem; margin-bottom:15px;}
    section.references .grid .title{height:70px;}
    section.references .grid .reference{font-size:1.2rem;}
    section.news .container .grid{padding:0px 15px;}
    section.news .container .grid .item .content{padding:0px 15px 15px 15px;}



    
    footer .grid{grid-template-columns:1fr; row-gap:35px;}
    footer .grid div.copyright{grid-column-end:unset;}
    footer .grid div ol{float:unset;}
}

/*mobile s*/
@media only screen and (max-width:320px)
{
section.news .container{padding:0px;}
}