@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?tu8rtp');
    src: url('../fonts/icomoon.eot?tu8rtp#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?tu8rtp') format('truetype'), url('../fonts/icomoon.woff?tu8rtp') format('woff'), url('../fonts/icomoon.svg?tu8rtp#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i.icon-moon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: 500;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    background-color: #fed136!important;
    border-radius: 50%;
    padding: 10%;
    color: #fff;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fossil-fuel:before {
    content: "\e900";
}

.icon-construction:before {
    content: "\e901";
}

.icon-worker:before {
    content: "\e902";
}

.icon-tractor:before {
    content: "\e903";
}

.icon-moon-4x {
    font-size: 4em;
    display: block;
    margin-top: 10%;
    margin-bottom: 10%;
}

#portfolio {
    background: #E8CBC0;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #636FA4, #E8CBC0);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #636FA4, #E8CBC0);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#portfolio img {
    max-height: 70vh;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    border: 3px double #000000;
    -webkit-box-shadow: 0px 0px 15px 5px #000000;
    box-shadow: 0px 0px 15px 5px #000000;
}

.page {
    background-color: #f8f5de;
    background-image: linear-gradient(to right, rgba(255, 210, 0, 0.4), rgba(200, 160, 0, 0.1) 11%, rgba(0, 0, 0, 0) 35%, rgba(200, 160, 0, 0.1) 65%);
    box-shadow: inset 0 0 75px rgba(255, 210, 0, 0.3), inset 0 0 20px rgba(255, 210, 0, 0.4), inset 0 0 30px rgba(220, 120, 0, 0.8);
    color: rgba(0, 0, 0, 0.5);
    font-family: "AustralisProSwash-Italic";
    width: 100%;
    letter-spacing: 0.05em;
    line-height: 1.8;
    padding: 10% 5% 10% 5%;
}

#services {
    background-image: url("../img/services.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover;
}

#clients {
    background-color: #fed136;
}

#clients .col-md-3.col-sm-6 {
    display: flex;
    align-items: center;
}

#team {
    background-color: #ffffe6!important;
}

#clients li.list-inline-item {
    color: #0e3c7f;
    font-size: x-small;
}

#contact {
    color: white;
}
#logoImg {
    width: 128px;
    height: 50px;
    margin: 0 auto;
}