#hero {
    min-height: 300px;
    background-color: gray;
}

.fixed {
    position: fixed;
    width: 100%;
}

.hero {
    min-height: 300px;
    padding-top: 100px;
}

    .hero, .hero h1, .hero p {
        color: #fff;
    }


.bg-web-design {
    background: url(img/bg-web-design.jpg) no-repeat;
}

.bg-web-development {
    background: url(img/bg-web-development.jpg) no-repeat;
}

.bg-digital-marketing {
    background: url(img/bg-digital-marketing.jpg) no-repeat;
}

.bg-client-list {
    background: url(img/bg-client-list.jpg) no-repeat;
}

.bg-our-history {
    background: url(img/bg-our-history.jpg) no-repeat;
}

.bg-our-philosophy {
    background: url(img/bg-our-philosophy.jpg) no-repeat;
}

.bg-careers {
    background: url(img/bg-careers.jpg) no-repeat;
}

.bg-news {
    background: url(img/bg-news.jpg) no-repeat;
}


.bg-1 {
    background: url(img/bg-1.png) no-repeat;
    background-size: cover;
}

.bg-2 {
    background: url(img/bg-2.png) no-repeat;
    background-size: cover;
}

.bg-3 {
    background: url(img/bg-3.png) no-repeat;
    background-size: cover;
}

.bg-4 {
    background: url(img/bg-4.jpg) no-repeat;
    background-size: cover;
}

.bg-5 {
    background: url(img/bg-5.jpg) no-repeat;
    background-size: cover;
}