@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Goldman:wght@700&family=Lato&family=Nunito+Sans:ital,wght@1,600&family=Ubuntu:wght@400;500&display=swap');
.closeMenuIcon-1{fill:#ccc;stroke:#000;stroke-miterlimit:10;stroke-width:2px;}
.openmenuicon-1{fill:#bf9b9b;}.openmenuicon-2{fill:#ff6138;stroke:#000;stroke-miterlimit:10;stroke-width:2px;}
.downIcon-1{fill:#bf9b9b;}.downIcon-2{fill:#ff6138;stroke:#000;stroke-miterlimit:10;}
.pmcivilengineer-1{fill:#666;}.pmcivilengineer-2{fill:none;}.pmcivilengineer-2,.pmcivilengineer-3,.pmcivilengineer-5{stroke:#000;stroke-miterlimit:10;}.pmcivilengineer-3,.pmcivilengineer-4{fill:#8c1837;}.pmcivilengineer-3{stroke-width:6px;}.pmcivilengineer-5{font-size:48.76px;stroke-width:2px;font-family:'Nunito Sans', sans-serif;font-weight:600;letter-spacing:0.18em;}.pmcivilengineer-6{letter-spacing:0.19em;}.pmcivilengineer-7{letter-spacing:0.19em;}.pmcivilengineer-8{font-size:49.76px;letter-spacing:0.19em;}
.geoIcon-1{font-size:40px;fill:#00a99d;stroke:#000000;stroke-miterlimit:10;font-family:'Ubuntu', sans-serif;font-weight:500;letter-spacing:0.03em;}.geoIcon-2{letter-spacing:0.02em;}
.construction-logo-icon-1{fill:gray;stroke-width:2px;}.construction-logo-icon-1,.construction-logo-icon-2,.construction-logo-icon-3,.construction-logo-icon-4{stroke:#000;stroke-miterlimit:10;}.construction-logo-icon-2{fill:#f68c1e;}.construction-logo-icon-3{fill:#b1b2b1;}.construction-logo-icon-4{fill:#231002;}
.headericon-1{fill:#f7e4d0;opacity:0.45;}.headericon-1,.headericon-2{stroke:#000;}.headericon-1,.headericon-2,.headericon-5{stroke-miterlimit:10;stroke-width:2px;}.headericon-2{font-size:97px;fill:#540813;font-family:FjallaOne-Regular, Fjalla One;}.headericon-3{fill:#818481;}.headericon-4{fill:#001700;}.headericon-5{fill:none;stroke:#001700;}
.appbaseddriver-1{fill:#e0ecf3;}.appbaseddriver-2,.appbaseddriver-3{fill:none;}.appbaseddriver-2,.appbaseddriver-4{stroke:#fdb517;stroke-miterlimit:10;}.appbaseddriver-3{stroke:#000;stroke-width:0.3px;}.appbaseddriver-4{font-size:74px;fill:#3093d0;font-family:'Goldman', cursive;font-weight:700;}
.bridge-1{fill:#f27141;}.bridge-2,.bridge-3,.bridge-4,.bridge-6{fill:#f8fff7;}.bridge-3{stroke:#1a1a1a;stroke-width:3px;}.bridge-3,.bridge-4,.bridge-5,.bridge-6{stroke-miterlimit:10;}.bridge-4,.bridge-5,.bridge-6{stroke:#fff;}.bridge-4,.bridge-5{stroke-width:2px;}.bridge-5{fill:none;}
.general-button{
    border:0px;
    padding:0px;
    background-color: #ffffff;
    border-radius: 5px;
}
.externalLink-home{
    text-decoration: none;
    color:#000;
}
.small-down-icon{
    width:56px;
}
.content-container{
    width:98%;
    margin-left:2%;
}
.addBottomMargin{
 margin-bottom:20px;   
}
.alignRight{
    text-align: right;
}
.general-font{
    font-family: 'Lato', sans-serif;
}
.bold-font{
    font-weight:700;
}
.app-image-container{
    margin:auto;
}
.app-image-container{
    margin-bottom: 15px;
}
.general-app-container{
margin-top:15px;
}
.general-flex{
    display:flex;
    flex-direction: row
}
.general-container{
    width:99%;
    margin:auto;
    display:grid;
}
.flex-four{
    flex:4;
}
.flex-one{
    flex:1
}
.flex-two{
    flex:2
}
.flex-five{
    flex:5
}
.showborder{
    border:1px solid;
}
.regularHeight,.regularFont{
    font-size: 20px;
}

.alignCenter{
    text-align: center;
}
.navigation-subcontainer{
    width:96%;
    margin:auto;
    padding:5px;
    margin-top:15px;
    background-color:#FF6138;
}
.content-background{
    background-color:#56736B;
}
.app-image-container{
text-align: center;
}
.navigation-container{
    background-color: #BF9B9B;
}
 .content-background{
    min-height:60px;
    padding:5px;
}
.titleSize,.headerFont{
    font-size:24px;
}
.closeMenuIcon{
    width:62px;
    height:54px;
    background-color: #BF9B9B;
    }
 

    .app-image-container{
        width:278px;
        height:278px;
    }
    .addPadding{
        padding:5px;
    }
 .addTopMargin{
     margin-top:10px;
 }
.addBorderRadius{
    border-radius: 5px;
}
.menuicon-1,.menuicon-2{fill:#d7a22a;stroke:#000;stroke-miterlimit:10;}.menuicon-1{stroke-width:2px;}.menuicon-2{stroke-width:3px;}
@media screen and (min-width:721px) {
    .span-all{
        grid-column-end:span 6;
    }
    .large-container-1,
    .large-container-2{
        grid-column-end:span 3;
    }
    .general-container{
        display:grid;
        grid-template-columns: 17% 17% 16% 16% 17% 17%;
        grid-row-gap:15px;
    }
    .regularHeight{
        font-size: 24px;
    }
    .titleSize{
        font-size:36px
    }
    .navigation-container{
        min-height:1800px;
    }

        .app-image-container{
            width:361px;
            height:361px;
        }
        .content-background{
            min-height:90px;
        }
        .closedheader-2{
            grid-column-end: span 5;
        }

        .open-menu-icon{
            width:100%;
            max-width:95px;
        }

     
}

@media screen and (min-width:1081px) {
    .open-menu-icon{
        max-width:110px;
    }
    .app-image-container{
        width:361px;
        height:361px;
    }
    .content-background{
        height:115px;
    }
 
    .titleSize{
        font-size: 48px;
    }
    .closedheader-1{
        grid-column-end: span 2;
    }
    .closedheader-2{
        grid-column-end: span 10;
    }
   .span-all{
       grid-column-end: span 12;;
   }
    .large-container-1{
    grid-column-end: span 5;
    }
    .large-container-2{
    grid-column-end: span 7;  
    }
    .general-container{
        grid-template-columns: 9% 9% 8% 8% 8% 8% 8% 8% 8% 8% 9% 9%;
    }
    .regularHeight{
        font-size: 30px;
    }
   
}