/* CSS Document */

.graphicdesign-background-1 {
    background: url(/img/backgrounds/pencils-1294x864.jpg) no-repeat center top;
}

.seo-background-1 {
    background: url(/img/backgrounds/analytics-1903x990.jpg) no-repeat center top;
}

.webdesign-background-1 {
    background: url(/img/backgrounds/design.jpg) no-repeat center top;
}

.webdev-background-1 {
    background: url(/img/backgrounds/laptop-code.jpg) no-repeat center top;
}

.contact-background-1 {
    background: url(/img/backgrounds/whitchurch-bridge-1294x864.jpg) no-repeat center top;
}

.portfolio-background-1 {
    /*background: url(/img/backgrounds/gallery-1903x990.jpg) no-repeat center top;*/
    background: url(/img/backgrounds/white-wall.jpg) no-repeat center top;
}

.about-background-1 {
    background: url(/img/backgrounds/office-1903x990.jpg) no-repeat center top;
}

.index-background-1 {
    /*background: url(/img/main-bg.jpg) no-repeat center top;*/
    background: url(/img/backgrounds/squiggle-2.jpg) no-repeat center top;
}

.background-1 {
    margin-top: 0px;
    padding-top: 120px;
    background-attachment: relative;
    background-position: center center;
    min-height: 990px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.graphicdesign-background-2 {
    background: url(/img/backgrounds/sketch-book-1280x600.jpg);
}

.seo-background-2 {
    background: url(/img/backgrounds/seo-laptop-graph-1280x600.jpg);
}

.webdesign-background-2 {
    background: url(/img/backgrounds/bespoke-web-design-1280x600.jpg);
}

.webdev-background-2 {
    background: url(/img/main-bg.jpg);
}

.contact-background-2 {
    background-image: url(/img/backgrounds/pangbourne-trainstation-1280x600.jpg);
}

.portfolio-background-2 {
    background-image: url(/img/backgrounds/portfolio-squares-1280x600.jpg);
}

.about-background-2 {
    background-image: url(/img/backgrounds/portfolio-squares-1280x600.jpg);
}

.index-background-2 {
    background-image: url(/img/backgrounds/design-tools-1280x600.jpg);
}

.background-2 {

    height: 300px;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

.webdesign-background-3 {
    background: url(/img/backgrounds/web-techniques-1280x600.jpg);
}

.portfolio-background-3 {
    background-image: url(/img/backgrounds/mac-code-1280x600.jpg);
}

.background-3 {
    height: 300px;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 992px) {

    .background-1 {
        padding-bottom: 25px;
    }

    .background-3 {
        display: none;
    }

}

@media (max-width: 767px) {

    .background-1 {
        min-height: 700px;
    }

    .background-2, .background-3 {
        display: none;
    }

}