/* UNIVERSAL */
body>header         { background-color: var(--primary); color: #eee; padding: 0px var(--gap); font-weight: bold;    } 
.menu1>header ul>li a {color: #fff; }
body>header>nav>figure { display: flex; align-items: center; justify-content: center;}
body>header>nav>figure img { max-height: 32px; margin-top: 8px; }
section>header      { font-size: var(--font3);  font-weight: bold; line-height: 40px; padding:20px 0px; text-transform: uppercase;}
article>header      { font-size: 20px; font-weight: bold; line-height: 30px; }
section>footer      { margin: 20px 0px;}
section footer>a , footer>button   { text-decoration: none; line-height: var(--line3); padding: 0px var(--space4); background-color: var(--secondary); color: var(--white); font-weight: 700; border-radius: 4px; text-transform: uppercase; }
body>footer         {display: none;}
body>main>section   {position: relative;}
section>figure img          { max-width: 100%;}
body>main>section.align1>section>main, body>main>section.align1>main , section.align1>header{ justify-content: flex-start;}
section>section.grid01d { display: flex; justify-content: center;}

/* SECTIONS CUSTOMISATION */
.section1 { min-height: 60vh;}
.section1>figure{ display: flex; align-items: center;}
.section4 { align-items: center; overflow: hidden; grid-template-columns: calc(10vw - var(--gap))  calc(10vw - var(--gap)) 30vw var(--wh02) var(--wh02) var(--wh02); justify-content: flex-start; background-color: #eee; }
.section4 figure { overflow: hidden;}
.section4 figure img { position: absolute; left: 0px; top: -30%;  width: 50vw; }
.section8               { background-color: var(--primary);   color: var(--white);  }

.section5.cards3>section>main>article figure, .section22.cards3>section>main>article figure { height: 200px;}

/* FINISHES */
.section1>.finish2 { position: absolute; left: -24px; bottom: -30px; background: url('../../media/brand/icon01.png') no-repeat; background-size: contain; width: 200px; height: 200px; z-index: -1;  }
.section1>.finish1 { position: absolute; right: -24px; top: -30px; background: url('../../media/brand/icon02.png') no-repeat; background-size: contain; width: 200px; height: 200px; z-index: -1; }
.section2 article { border-left: 5px solid var(--secondary); padding-left: 20px;}
.section2 article>header { height: 60px;}
.section2 article>main {opacity: 0.8;}
.cards3>section>main { gap:var(--space6) var(--gap) ;}

.section3>.finish1 { position: absolute; left: -20px; top: -60px; background: url('../../media/brand/icon01.png') no-repeat; background-size: contain; width: 200px; height: 200px;   }
.section5>.finish1 { position: absolute; right: -30px; top: -30px; background: url('../../media/brand/icon02.png') no-repeat; background-size: contain; width: 200px; height: 200px; z-index: 3; }
.section6>.finish1 { position: absolute; left: -5px; bottom: 0px; background: url('../../media/brand/icon02.png') no-repeat; background-size: contain; width: 200px; height: 200px;   } 
.section2>header>.finish1, .section3>header>.finish1, .section5>header>.finish1 , .section7>header>.finish1  { width: 50px; height:10px; background-color: var(--secondary); margin: 20px 0px 5px; display: block; }
.section5>header>.finish1 { margin: 20px auto 5px;}
.section3>header>.finish1 {background-color: var(--primary);}
@media screen and (max-width: 768px) {  
    
    .section3 section main { padding-left: 10px; padding-right: 10px;}
    .section3>.finish1, .section5>.finish1, .section6>.finish1 { width: 120px;}
    .section4 figure img {position: relative; right:0px; margin:auto; top:0px; width: 60%;}
    .section6>.finish1 {bottom:-20px;}
    #marquee img { max-width: 80px;  }
    section>header { line-height: 52px;}
}
.testimonial header>span    { font-size: 80px; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; line-height: 10px; color: var(--secondary); }

form>main>section:nth-of-type(2) {     grid-template-areas:
    "IS1 IS1 IS1 IS1 IS1 IS1"
    "IS2 IS2 IS2 IS2 IS2 IS2"
    "IS3 IS3 IS3 IS3 IS3 IS3"
    "IS4 IS4 IS4 IS4 IS4 IS4"
    "IS5 IS5 IS5 IS5 IS5 IS5"
    "IS6 IS6 IS6 IS6 IS6 IS6"
    "IS7 IS7 IS7 IS7 IS7 IS7"
    "FH FH FH FH FH FH"
    "IN1 IN1 IN1 IN1 IN1 IN1"
    "IN3 IN3 IN3 IN4 IN4 IN4"
    "IN5 IN5 IN5 IN6 IN6 IN6"
    "IN7 IN7 IN7 IN8 IN8 IN8"
    "IN9 IN9 IN9 IN10 IN10 IN10"
    "IN11 IN11 IN11 IN12 IN12 IN12"
    "FF FF FF FF FF FF";
}