@font-face {
    font-family: 'Crete Round';
    font-style: normal;
    font-weight: 400;
    src: local('Crete Round'),
        local('CreteRound-Regular'),
        url(/fonts/creteround-regular-webfont.eot?) format('eot'),
        url(/fonts/creteround-regular-webfont.woff) format('woff');
}

@font-face {
    font-family: 'Crete Round';
    font-style: italic;
    font-weight: 400;
    src: local('Crete Round Italic'),
        local('CreteRound-Italic'),
        url(/fonts/creteround-italic-webfont.eot?) format('eot'),
        url(/fonts/creteround-italic-webfont.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),
        local('OpenSans'),
        url(/fonts/OpenSans-Regular-webfont.eot?) format('eot'),
        url(/fonts/OpenSans-Regular-webfont.woff) format('woff');
}

body {
    font-family: 'Noto Sans', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    background-image: url(/images/background-tile-white-grit.jpg);
    background-repeat: repeat;
    background-position: center;
    min-width: 360px;
}

.navbar {
    font-family: 'Noto Sans', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-image: url(/images/header-background-static.png);
    background-position: bottom;
    background-repeat: repeat-x repeat-y;
    font-size: 1.25rem;
    border-bottom: #2e2e2e solid .75rem;
}

.top {
    background-image: url(/images/background-tile-black.jpg);
    background-repeat: repeat;
}

.top .name {
    font-family: 'Crete Round';
    font-size: .85rem;
}

.container .name {
    font-family: 'Crete Round';
}

.navbar a {
    color: #262626 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  color: #fff !important;
  border-radius: .25rem;
}

.navbar .portfolio:hover,
.navbar .portfolio.active {
    background-color: #d24698;
}

.navbar .custom-development:hover,
.navbar .custom-development.active {
    background-color: #2991cc;
}

.navbar .methodology:hover,
.navbar .methodology.active {
    background-color: #8dc63f;
}

.navbar .company:hover,
.navbar .company.active {
    background-color: #d7c138;
}

.navbar .blog:hover,
.navbar .blog.active {
    background-color: rgb(255, 165, 0);
}

.navbar .careers:hover,
.navbar .careers.active,
.navbar .contact:hover,
.navbar .contact.active {
    background-color: #2e2e2ecc;
}

.navbar .navbar-toggler-icon {
    background-image: url(/images/menu-icon.png);
}

.navbar .navbar-toggler {
    border: none;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar span {
    font-family: 'Crete Round', Constantia, "Times New Roman", Times, serif;
    font-size: 1.5rem;
    color: #72a230;
}

a,
a:hover {
    text-decoration: none;
    color: #333;
}

.sky {
    background-repeat: repeat-x;
    background-image: url(/images/footer-top.png);
    height: 85px;
}

.bottom {
    position: relative;
    overflow: hidden;
}

.bottom .ground {
    height: 100px;
    background-image: url(/images/background-tile-black.jpg);
    background-repeat: repeat;
    background-position: center;
}

.bottom .stripe {
    height: 20px;
    background-image: url(/images/background-tile-green.jpg);
    background-repeat: repeat;
    background-position: center;
}

.bottom span span {
    display: none;
}

.bottom .overview,
.bottom .copyright {
    font-size: .75rem;
    max-width: 500px;
}