/* HTML */

html,body {
    margin: auto;
}
/* End HTML */

/* Lines */

div.hr1 {
    width: 17%;
}


div.hr2 {
    width: 7.5%;
    right: 2em;
}

div.hr2::before {
    top: 0;
    left: 0;
}

div.hr3 {
    margin: 7.9rem 30.9rem;
    width: 17%;
}

div.hr4 {
    display: none;
}

div.hr5 {
    display: none;
}

div.hr6 {
    margin: 6.6% 25.7%;
    width: 17%;
}

div.hr10 {
    position: absolute;
    bottom: 0;
    right: 16em;
}
/* End Lines */

/* Inputs */

input[type="text"]
{
    font-size: 30px;
}

/* End Inputs */

/* Headers */
.header01 {
    font-family: Inria Sans; 
    font-size: 40px; 
    letter-spacing: 4px;
}

.header02 {
    font-size: 30px; 
    text-align: center; 
}

.header03 {
    font-family: Inria Sans; 
    font-size: 40px; 
    letter-spacing: 4px;
}

/* End Headers */

/* Containers */
div.topbar {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0 auto;
}

div.footer {
    width: 100%;
    margin: 0 auto 0 auto;
}

div.footercontent {
    padding-top: 5em;
    width: 90%;
    padding-bottom: 5em;
}

div.footerbox {
    width: 37%;
    margin: 0.5em 0em 0.5em 5%
}

div.footerbox3 {
    float: right;
    position: absolute;
    left: 82.5%;
    margin-top: 5.5em;
    width: 7%;
}

div.topbarcontent {
    width: 90%;
}

div.content {
    width: 1920px;
    margin: auto;
    overflow-x: hidden;
    position: relative;
}

div.introduction-container {
    width: 63%;
    text-align: center;
}

div.featuredproject-container {
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    margin: 25em auto 5em; 
    width: 90%;
}

div.project-container-mob {
    display: none;
}

div.projectimages-container {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

div.aboutus-container {
    width: 90%; 
    margin: 20em auto 0 auto;
}

div.services-container {
    margin: 20em auto -8em auto;
    overflow: hidden;
   
}

div.contactus-container {
    margin: 47em auto 0 auto; 
}

div.contactuspage-container {
    margin: 5em auto 12em auto;
}


.field01-container {
    width: 96%;
    font-size: 30px; 
    border-bottom: 1px solid #C5C5C5; 
    margin-bottom: 2.25em;
}

.field02-container {
    width: 100%;
    font-size: 30px; 
    border: 1px solid #514E3D; 
    margin-bottom: 2.25em;
    padding-left: 1em;
    padding-bottom: 5px;
}


.back-container {
    width: 90%;
    margin: 4em auto;
}

.back-container a{
    font-size: 22px;
}

.whoweare-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin: 5em auto;
}

.whoweare2-container {
    font-size: 16px;
    width: 52%;
    margin: 0 auto;
    margin-bottom: 3em;
    float: right;
}

.meettheteam-container {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15em;
}

ul.servicesinner-container li a {
    font-size: 30px;
}

.contentSection {
    max-height: none;
    padding: 15px;
}

.arrowdown-image {
    display: none; /* Hide arrows on desktop */
}

.contentSection img {
    height: 32em;
}

div.footerbox2 {
    overflow: hidden;
    float: left;
    margin-top: 9em;
}

.navbarLogo-container-desktop {
    display: flex; 
    width: 90%; 
    margin: 0 auto 0 3.4em; 
}

.navbarLogo-container-mob {
    display: none;
}

.whoweare2-imageContainer {
    width: 45%;
    float: left;
}

.generalContainer-whoweare2 {
    margin-bottom: 65em;
}

/* End Containers */

/* Slideshows */

div.slideshow-front-box {
    width: 28em;
}

p.slideshow-front-box-text1 {
    font-size: 83px;
}

p.slideshow-front-box-text2 {
    font-size: 42px;
}


/* End Slideshows */

/* Sections */

/* End Sections */

/* Buttons and Links */

a {
    
}

a:hover {
    
}

.button01 {
    bottom: 0.5em;
    right: 1em;
    font-size: 34px;
    font-family: Inria Sans;
}

/* End Buttons and Links */

/* Graphics */

.geometricshapes-container {
    width: 80%;
    float: right;
    position: relative;
    bottom: 7em; 
}

.geometricshapes-container2 {
    width: 89%;
    float: right;
    bottom: 30em;
    position: relative;
    left: 30em;
}

.aboutus-imagecontainer {
    bottom: 8em; 
    left: 9.2em; 
}

/* End Graphics */

/* Texts */

.text01 {
    font-size: 22px;
}

.featuredproject-title {
    height: 5vw; 
    border-top: 1px solid #DF6800;
}

.featuredproject-text {
    border-top: 1px solid #514E3D;
    font-size: 16px;
}

.whoweare-title {
    flex: 1;
    margin-right: 2em;
}

.whoweare-text {
    border-top: 1px solid #514E3D;
    font-size: 16px;
}

.aboutus-text {
    width: 52%;
}

#construction-text {
    position: absolute;
    bottom: 1em;
}

#development-text {
    position: absolute;
    bottom: 1em;
}

#design-text {
    position: absolute;
    bottom: 1em;
}

/* End Texts */

/* Menus */
.navbar {
    width: 50%;
    margin: 0 auto;
    font-size: 34px;
    z-index: 2;
    line-height: 4vw;
}

.menu_small {
    display: none;
}

/* End Menus */

/* Fields */

.field01 {
    margin-left: 11em;
    padding-left: 1em;
    width: 50%;
}

.field02 {
    margin-left: 1em;
}

.textarea01 {
    margin-bottom: 7em;
    padding-right: 40em;
    margin-top: -1.05em;
    font-size: 30px;
    padding: 1em;
}

.textarea02 {
    margin-bottom: 4em;
    margin-top: -1.05em;
    font-size: 30px;
    padding: 1em;
}

/* End Fields */

/* Images */

.gradient-image {
    width: 100%; 
    position: absolute; 
    bottom: -1px;
    left: 0;
}

.arrowdown-image {
    display: none;
}

.orange-rectangular-image {
    width: 15%;
}

.messageBordersMob-image{
    display: none;
}

.circle-image {
    width: 10%; 
    bottom: 15em; 
    right: 0; 
    left: 102.4em;
}

.logo-lines-large {
     top: 40px; 
     left: 25px; 
}

.LogoZedForGallery {
    display: none;
}

.whoweare2-image {
    width: 100%;
}

/* End Images */