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

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
    
@import url('https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&family=Quicksand:wght@300..700&display=swap');

.vdStepsScr {
    display: block
}

.vdStepsMob {
    display: none
}


.vdSpan6 {
    grid-column: span 6
}

.vdTextWrapper {
    width: 75%;
    margin: auto
}

.vdVideoWrapper {
    line-height: 0;
    background-color: rgba(106,79,79,1)
    
}

.video {
    width: 100%;
    margin: auto;
    line-height: 0;
    
}
.h1vd {
    color: rgba(255,255,255,1.00);
    padding: 1.5em 0 1em 0
}


.vdMainTop {
    background-color: rgba(106,79,79,1);
    margin-top: 0
}

.vdImages {
    width: 40%;
    margin-bottom: .5em
}

strong {font-family: "Poppins", sans-serif;
    font-weight: 450; }

hr {
    border-top: .05em solid rgba(139,103,103,.9); 
    margin: 30px 0px 30px 0px; 
    clear: both
}

.imgContainer{
    overflow: hidden;
    display: block;
    border-radius: .4em .4em 0 0;
    border-bottom: .2em solid rgba(139,103,103,.9);
}
.imgZoom {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    transition: transform 0.4s;
    border-radius: .4em;         
}
        
.imgZoom:hover {
    transform: rotate(-1deg) scale(1.2);
    border-radius: .4em
}

.imgZoomVd {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    transition: transform 0.4s;
    border-radius: .4em;         
}
        
.imgZoomVd:hover {
    transform: rotate(-1deg) scale(1.1);
    border-radius: .4em
}
/* Spinner Animation */
/* Cookies banner styling */

@keyframes fade-up {
    0%   {
        opacity: 0;
        transform: translateY(100%)
    }
    100%  {
        opacity: 1;
        transform: translateY(0px)
    }
    
}
.cookies-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 96%;
    background: rgba(139,103,103,1);
    color: white;
    padding: 2%;
    font-size: 1em;
    z-index: 1000;
    animation-name: fade-up;
    animation-duration: 1.5s;
}
.cookiesH2 {
    color: rgba(255,255,255,1.00);
    margin-top: 10px
}
/* Text container */
.cookies-text {
    font-size: clamp(1em, 1.4vw, 1.2em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: 10px 0
}

/* Buttons container */
.buttons-container {
    text-align: right
}

/* Accept & Decline buttons */
.cookies-banner button {
    border: none;
    padding: 8px 10px;
    font-size: 1em;
    cursor: pointer;
    transition: 0.3s;
}

.accept-btn {
    background-color: rgba(139,103,103,1);
    color: white;
    margin-left: 20px
}

.accept-btn:hover {
    background-color: rgba(77,168,81,1.00);
    border-radius: .3em
}

.decline-btn {
    background-color: rgba(139,103,103,1);
    color: white;
}

.decline-btn:hover {
    background-color: rgba(212,66,66,1.00);
    border-radius: .3em
}

/* Hide the banner */
.hidden {
    display: none;
}

.cookiesIcon {
    width: 30px;
    margin: 0 20px 0 25px
}
 
.cookiesLink {
    color: rgba(255,248,248,1.00);
    text-decoration: underline;
    text-underline-offset: .4em;
    font-size: clamp(1em, 1.4vw, 1.2em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    padding: 10px 0
}
        
.cookiesLink:hover {
    color: rgba(255,255,255,1.00);
    text-decoration: none
}

.sendingForm {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(255,255,255,1.00);
    background-color: rgba(139,103,103,.9);
    border: .05em solid rgba(70,60,60,.9);
    border-radius: .4em;
    padding: 5px;
}

.spinner {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,1.00);
    border-top: 2px solid rgba(102,75,75,1.00);
    border-radius: 50%;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.formSent {
    border: .05em solid rgba(139,103,103,1.00);
    border-radius: .4em;
    width: 90%;
    margin: 20px auto 40px auto;
    padding: 20px;
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(139,103,103,1.00);
    text-align: center
}

.formSentServices {
    border: .05em solid rgba(139,103,103,1.00);
    border-radius: .4em;
    width:50%;
    margin: 20px auto 40px auto;
    padding: 20px;
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(139,103,103,1.00);
    text-align: center
}

.formWrapper {
    text-align:left;
    width: 100%;
}

.servicesForm {
    width: 50%;
    margin: auto
}

.contactForm {
   /*padding: 1em 02em;
    box-shadow: 0px 0px 15px rgba(212,212,212,.3);
    color: rgba(139,103,103,1.00);
    border: .01em solid rgba(134,114,114,.4);*/
    border-radius: .2em;
    font-weight: 500;
    font-size: clamp(.95em, 1.4vw, .9em);
    width: 95% 
}
  
.formDetails {
    margin-bottom: 10px;
    background-color: rgba(251,251,251,0);
    color: rgba(78,70,65,.9)
}
    
.formLabel {
    display: block;
    margin-bottom: 3px;
    color: rgba(139,103,103,1.00)
}
    
.formInput {
    border: 1px solid rgba(205,205,205,1.00);
    border-radius: .15em;
    width: 96%;
    margin: 0 auto;
    height: 30px;
    padding: 0px 10px;
    color: rgba(78,70,65,1.00)
}

.formInput:focus{
    border-radius: .15em;
    width: 96%;
    margin: 0 auto;
    height: 30px;
    padding: 0px 10px;
    color: rgba(78,70,65,1.00);
    outline: none !important;
    border:1px solid rgba(139,103,103,.9);
}

.formInput {
    background-color: rgba(255,255,255,1.00);
    transition: background-color 0.3s ease;
}

.formInput:valid {
    background-color: rgba(255,248,245,1.00);
    border:1px solid rgba(139,103,103,.9)
}



.formInput:-webkit-autofill,
.formInput:-webkit-autofill:hover,
.formInput:-webkit-autofill:focus,
.formInput:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 60px rgba(255,248,245,1.00) inset!important;    
    transition: background-color 0.3s ease-in-out;
}

.formTextArea {
    border:  solid 1px rgba(205,205,205,1.00);
    border-radius: .2em;
    background-color: rgba(251,251,251,0);
    width: 93%;
    height: 200px;
    padding: 5px 15px;
    color: rgba(78,70,65,1.00);
    transition: border-color 0.3s ease;
}


.formTextArea:focus {
    border:1px solid rgba(139,103,103,.9);
    box-shadow: 0 0 0 rgba(139,103,103,.3); /* Change border color on focus */
    outline: none; /* Remove default browser outline */
}
    
.formSubmitBtn {
    width: 30%;
    margin-left: 35%;
    margin-top: 0px;
    background-color: rgba(255,255,255,1.00);
    height: 30px;
    border:  solid 1px rgba(139,103,103,.9);
    border-radius: .2em;
    color: rgba(78,70,65,1.00);
    cursor: pointer
}
    
.formSubmitBtn:hover {
    background-color: rgba(139,103,103,.9);
    border: solid 1px rgba(139,103,103,.9);
    color: rgba(255,255,255,1.00)
}
    
.required {
    text-align: center;
    margin-top: 10px;
    font-size: clamp(.9em, 1.4vw, .9em);
    color: rgba(139,103,103,.9);
}
    
.sendingForm {
    text-align: center;
    margin-top: 10px
}



* {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    hyphens: none;
    border: none;
    text-decoration: none;
    font-family: "Quicksand", sans-serif;
    font-style: normal;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .05em;
    }
    
/*body {    opacity: 0;
    animation: fadeIn .8s forwards;
    }
    @keyframes fadeIn {
        to {
    opacity: 1;}*/
     


.wrapperHdr, .wrapperFtr {
    width: 100%;
    background-color: rgba(106,79,79,1);      
    }
    
.wrapperMain {
    width: 100%;
    background-color: rgba(255,255,255,1);
 
    
    }
    
header {
    width: 75%;
    margin: auto;
    padding: 1.5% 0 1.5% 0;
    /*background-color: rgba(78,70,65,1.00);*/
    color: rgba(255,255,255,1.00);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2%;
    }

footer {
    width: 75%;
    margin: 2% auto 0 auto;
    padding: 4% 0 30px 0;
    /*background-color: rgba(78,70,65,1.00);*/
    color: rgba(255,255,255,1.00);
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2%;

    }

.ftrNav {
    
}    
    
.main {
    width: 75%;
    margin: 2em auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1em;
    background-color: rgba(255,255,255,1.00)
    }

.mainVD {
    width: 75%;
    margin: 2em auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5em;
    background-color: rgba(255,255,255,1.00)
    }

.services {
    width: 100%;
    margin: 2em auto;    
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1em;
    /*padding: 2em 2em 1.5em 2em;
    border: .05em solid rgba(108,37,38,.9);
    border-radius: .3em*/
    }

.mobHeader {
    display: none;
    width: 60%;
    margin: 0
}
    
.span1 {grid-column: span 1}

.span2 {grid-column: span 2}

.span3 {grid-column: span 3}

.span4 {grid-column: span 4}

.span5 {grid-column: span 5}

.span6 {grid-column: span 6}

.span7 {grid-column: span 7}

.span8 {grid-column: span 8}

.span9 {grid-column: span 9}

.span10 {grid-column: span 10}

.span11 {grid-column: span 11}

.span12 {grid-column: span 12} 

.navHdrImage > a {
    display: flex;
    justify-content: center;
    }

.logo {
    width: 110%;    
}
    
.logoFooter {
    width: 40%;
    margin-bottom: 1.5em
}

.mobNav {
    width: 100%;
    background-color: rgba(106,79,79,1);
    text-align: center;
    display: none;
    padding-bottom: 1em;
    font-size: 1.2em;
    cursor: pointer;
}

.mobNav > ul > li {
    width: 100%;
}
.mobNav > ul > li > a {
    color: rgba(255,255,255,1.00);
    margin: auto;
    width: 100%;
    padding: .75em 0; 
    display: block;
}

.mobNav > ul > li > a:hover {
    background-color: rgba(255,255,255,.1) 
}

.mobNavIcons {
    display: flex;
    place-items: center;
    position: relative;
    margin: 0 3em 0 0;
}

.mobNavHamIcon {
    
}

.mobNavCloseIcon {
    display: none
}

.hdrNav {
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
    place-items: center end;
    margin-top: 2%
    }


    
.hdrNav > ul {
    display: flex;
    justify-content:flex-start;
    }
    
.hdrNav > ul > li {  
    margin: -.3em;
    font-family: "Quicksand", serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.0em;
    }
    
.hdrNav > ul > li > a {
    color: rgba(255,255,255,1);
    font-size: clamp(.9em, 1.2vw, 1.1em);
    font-weight: 400;
    margin: .9em ;
    }

.hdrNav > ul > li > a:hover {
    color: rgba(255,255,255,1);
    /*border-bottom: .1em solid*/
    text-decoration: underline;
    text-underline-offset: .4em;  
    border-bottom-width: .08em;
    }

.hdrNav li .hdrNavActive {
    color: rgba(255,255,255,1.00);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: .4em;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,1.00);
  text-shadow:
      0 0 7px rgba(255,255,255,1.00),
      0 0 10px rgba(255,255,255,1.00),
      0 0 21px rgba(255,255,255,1.00),
      0 0 42px rgba(255,255,255,1.00),
      0 0 82px rgba(255,255,255,1.00),
      0 0 92px rgba(255,255,255,1.00),
      0 0 102px rgba(255,255,255,1.00),
      0 0 151px rgba(255,255,255,1.00);
    text-shadow: 0 0 .2em rgba(255,255,255,1.00);*/
    }
    
.navHdrLeft li .hdrNavActive:hover, 
.navHdrRight li .hdrNavActive:hover {

    color: rgba(255,255,255,1);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: .4em;
    }

 .nav-toggle {
     font-size: 30px;
     cursor: pointer;
     display: inline-block;
     position: absolute;
     right: 1em;
     top: .8em;
}
        #hamburger {
            display: inline;
        }
        #close {
            display: none;
            font-weight: 600
        }

.ftrNav ul > li > a {
    color: rgba(255,255,255,1.00);
    font-size: clamp(.9em, 1.4vw, 1em);
}

.ftrNav ul > li > a:hover {
    text-decoration: underline;
    text-underline-offset: .4em;
}

.ftrNavActive {
    text-decoration: underline;
    text-underline-offset: .4em;
}

/* NAV UNDER LINE *****************************************
.navHdrLeft a, .navHdrRight a{

    position: relative;
    text-decoration: none;
    }

.navHdrLeft a::after, .navHdrRight a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 26%;
    width: 0;
    height: 2%;
    background-color: rgba(255,255,255,1.00);
    transition: width 0.3s ease, left 0.2s ease;
    }

.navHdrLeft a:hover::after, .navHdrRight a:hover::after {
    width: 66%;
    left: 17%;
    
    }*/
    


/* NAV UNDER LINE ******************************************/   
    
.heroImage {
    width: 100%;
    max-width: 100%;
    /*border-bottom: .2em solid rgba(134,114,114,1.00);*/
    position:static
    }


h1 {
    font-size: clamp(1.4em, 1.4vw, 1.4em);
    font-family: "Playwrite DE Grund", "sans-serif";
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: .5em;
    white-space: nowrap;
    color: rgba(139,103,103,1.00);
    
}

h2 {
    font-size: clamp(1.2em, 1.4vw, 1.2em);
    font-family: "Playwrite DE Grund", "sans-serif";
    font-weight: 400;
    margin-bottom: 10px;
    white-space: nowrap;
    color: rgba(139,103,103,1.00);
    /*display: inline;*/
}

/*p {display: inline}*/

.bodyTextPort {
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(139,103,103,1.00);
    margin-bottom: 20px;
    column-count: 1;
    gap: 25px;
}

.bodyTextVd {
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(250,250,250,1.00);
    margin-bottom: 20px;
    padding-bottom: 1em;
    column-count: 1;
    gap: 25px;
}



.homeCard {
    color: rgba(139,103,103,1.00);
    border: .05em solid rgba(139,103,103,.9);
    border-radius: .4em
    }

.homeCardImage {    
    border-radius: .4em  .4em 0 0;
    /*box-shadow: 0px 0px 15px rgba(212,212,212,.6);*/
    overflow: hidden;
    transition: transform 0.4s;
}

.homeCardImage:hover {    
    border-radius: .4em  .4em 0 0;

    /*box-shadow: 0px 0px 15px rgba(212,212,212,.6);*/
}
    
.homeCardHeading {
    font-size: clamp(1.2em, 1.4vw, 1.4em);
    font-family: "Playwrite DE Grund", "sans-serif";
    font-weight: 300;
    letter-spacing: 0em;
    margin-bottom: 1em;
    white-space: nowrap;
    }

    
.homeCardText {
    font-size: clamp(.8em, 1.2vw, .9em);
    font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
    }
    
a.readMore {
    font-size: clamp(.9em, 1.2vw, 1.1em);
    /*margin-top: 1em;*/
    /*float: right;*/    
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(177,60,5,1.00);
  } 
    
a.readMore:hover {
    text-decoration: underline rgba(177,60,5,1.00).1em;
    text-underline-offset: .4em;
  }


.scoialMeida {
    width: 20%;
    margin: 0 0 10px 0;
    padding-left: 0px;
    -webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,0));
}

.scoialMeida:hover {
    -webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,.3));
}

.textLinks {
    font-size: clamp(.95em, 1.2vw, 1.2em);   
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: rgba(177,60,5,1.00);
}

.textLinks:hover {
    text-decoration: underline rgba(223,75,5,1.00).1em;
    text-underline-offset: .3em;
}

.portBanners {
    padding: .75em;
    color: rgba(255,255,255,1.00);
    background-color: rgba(106,79,79,1);
    text-align: center; 
    z-index: 999; 
    border-radius: 0 0 .3em .3em
}

.portBack {
    text-decoration: none;
    font-family: "Playwrite DE Grund", "sans-serif";
    font-style: normal;
    font-size: .7em;
    line-height: 1.5em;
    letter-spacing: .05em;
    color: rgba(139,103,103,1.00);
    padding-top: .2em
    
}

.portBack:hover {
    text-decoration: underline rgba(139,103,103,.9).1em;
    text-underline-offset: .3em;
}




.siteImgs {
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    border-radius: 0.4em
}

    
.copyWrite {
    font-size: clamp(.6em, 1.2vw, .8em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center
    }
    
a.privacy {
    font-size: clamp(.9em, 1.2vw, 1em);
    margin-top: 1em;   
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
    color: rgba(255,255,255,1.00);
    text-decoration: underline .05em;
    text-underline-offset: .4em;
  } 
    
a.privacy:hover {
    text-decoration: none
  }

a.privacyActive {
    text-decoration: underline .1em;
    text-underline-offset: .4em;
    color: rgba(255,255,255,1.00);
  } 



.perImg {
    float: left;
    margin: 0px 20px 0px 0;
    border: .04em solid rgba(134,114,114,.4);
    border-radius: .4em
}

.perText {
    width: 65%;
    float: right
}

.serImg {
    border-radius: .4em; 
    width: 100%;  
    object-fit: cover; 
    border: 1px solid rgba(105,43,44,1.00) 
}

.serText {
    justify-items: centre;
    margin-left: 30px;
    padding: 0em
}

.contImg {
    height: 236px; 
    width: 255px; 
    border-radius: .5em;
    display: inline
}

.contImgKeep {
    border-radius: .5em;
}

.imgTopIA { display: block}

.imgBotIA { display: none}

.imgTopFS { display: block}

.imgBotFS { display: none}

.imgTopWC { display: block}

.imgBotWC { display: none}



.contImagCont {
    margin-top: 5px; 
    overflow: hidden;
}


.smScr {
    text-align: right;
    display:inline-block
}

.smScr > li {
    display:inline;
    margin: 0 5px
}

.smMob {
    text-align: right;
    display: none
}

.smMob > li {
    display:inline;
    margin: 0 5px
}
.topCont {
    position: relative;
    display: none
}

.topAro {

}
@media (max-width: 280px){
}

@media (max-width: 930px) {

 .vdStepsScr {
    display: none
}

.vdStepsMob {
    display: block
}
    
.vdTextWrapper {
    width: 90%;
    margin: auto
}
    
    .mainVD {
    width: 90%;
    margin: 2em auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1em;
    background-color: rgba(255,255,255,1.00)
    }
    
.vdSpan6 {
    grid-column: span 12
}
    
    .vdImages {
    width: 50%;
    margin-bottom: 1em
}
    
    .servicesForm {
    width: 90%;
    margin: auto
}
    
.formSentServices {
    border: .05em solid rgba(139,103,103,1.00);
    border-radius: .4em;
    width:80%;
    margin: 20px auto 40px auto;
    padding: 20px;
    font-size: clamp(1em, 1.2vw, 1.1em);
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: rgba(139,103,103,1.00);
    text-align: center
}
    
.topCont {
    position: relative;
    display: block
}

.topAro {
    position: absolute; 
    bottom: 10px;  
    right: 50px; 
    font-size: 4em; 
    color: rgba(255,255,255,1.00)
}    
    
.smScr {
    text-align: right;
    display:none
}

.smScr > li {
    display:inline;
    margin: 0 5px
}

.smMob {
    text-align:center;
    display: inline
}

.smMob > li {
    display:inline;
    margin: 0 5px
}
    
    
.imgTopIA { display: none}

.imgBotIA { display: block}    
    
.imgTopFS { display: none}

.imgBotFS { display: block}   

.imgTopWC { display: none}

.imgBotWC { display: block}   

  .contImg {
    border-radius: .5em;
    display:none;
      height: 236px; 
    width: 255px; 
} 
 .contImagCont {
    margin-top: 5%; 
    overflow: hidden;
}   
.contImgKeep {

    width: 100%;
    height: 100%;
    border-radius: .4em;
    display:block;
    margin: auto
}
    
.ftrNav {
    font-size: .8em;
    display: none
}
    
.logo {
    width: 120%;
    padding: 0 0 0 20%
    }    
    
    
.contactForm {
/*   padding: 1em 02em;
    box-shadow: 0px 0px 15px rgba(212,212,212,.3);
    color: rgba(139,103,103,1.00);
    border: .01em solid rgba(134,114,114,.4);*/
    border-radius: .2em;
    font-weight: 500;
    font-size: clamp(.95em, 1.4vw, .9em);
    width: 97%
    
}
 
   
    
.mobHeader {
    display: none;
    width: 60%;
    margin: 0;
    padding: 20px 10px
}
    
    
h1 {
    font-size: clamp(1.4em, 1.4vw, 1.4em);
    font-family: "Playwrite DE Grund", "sans-serif";
    font-weight: 400;
    margin-bottom: .5em;
    color: rgba(139,103,103,1.00);
    white-space:normal
    }

h2 {
    font-size: clamp(1.2em, 1.4vw, 1.2em);
    font-family: "Playwrite DE Grund", "sans-serif";
    font-weight: 400;
    margin-bottom: 10px;
    color: rgba(139,103,103,1.00);
    white-space:normal
}

.perImg {
    width: 100%;
    margin: -5px 30px 20px 0;
    border: .04em solid rgba(134,114,114,.4);
    border-radius: .4em;

}
    
.perText {
    width: 100%
}

.serImg {
    border-radius: .4em; 
    width: 100%;  
    object-fit: cover; 
    border: 1px solid rgba(105,43,44,1.00) 
}

.serText {
    justify-items: centre;
    margin: 0;
    padding: 0
}

    


.screenNav {
        display: none
    }    
.mobHeader {
    display:flex;

    }    

    
    
.formWrapper {
    text-align:left;
    width: 100%;
    margin:auto;

}
    
 footer {
    width: 90%;
    margin: 4% auto 0 auto;
    padding: 2em 1em;
    color: rgba(255,255,255,1.00);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0em
    }   
    
.logoFooter {
    width: 80%;
    margin-bottom: 1.5em
}  
.smScr {
    text-align: right;
}

.sm > li {
    margin: 0 5px;
    display: block
}

    
.main {
    width: 90%;
    margin: 4% auto 0% auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1em;
    } 
    
    
    .ftrSpan1{
        grid-column: span 1
    }
    
    .ftrSpan2{
        grid-column: span 2
    }
    
    .ftrSpan3{
        grid-column: span 3
    }
    .ftrSpan4{
        grid-column: span 4
    }
    .ftrSpan6{
        grid-column: span 6
    }
    
    .ftrSpan12{
        grid-column: span 12
    }
    
    
    
.scoialMeida {
    width: 8%;
    margin: 8px 5px 20px 5px;
    -webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,0));
    display:inline;
    
    
}

.scoialMeida:hover {
  
    -webkit-filter: drop-shadow(0px 0px 4px #FFFFFF);
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,.3));

    }    
 


}

@media (max-width: 1200px){
}

@media (max-width: 1400px){

}
.navHdrImage {
    width: 95%;
    margin: 1% auto

}

.scoialMeidaText {
    font-size: .8em
}



.requiredSymbol {
    font-size: 1.1em
}

.projectLink {
    color: rgba(255,255,255,1.00);
    width: 100%
}

.projectLink:hover {
    text-decoration: underline rgba(255,255,255,1.00).1em;
    text-underline-offset: .3em;font-weight: 500
    
}



.footerLog {
    
}