@import variables

.bg
    $img-height: 650px

    position: fixed
    width: 100%
    left: 0
    z-index: -1

    &#img-1
        background: url(../img/about/bg1.png) no-repeat
        background-size: cover
        height: 400px
        top: -200px

    &#img-2
        background: url(../img/about/bg2.png) no-repeat
        width: 100%
        height: $img-height + 530
        top: 550px

    &#img-3
        background: url(../img/about/bg3.png) no-repeat
        background-size: cover
        height: $img-height + 250
        top: 1600px

div.section
    background-color: white
    border: 1px solid $baseColor2
    height: 300px
    margin-bottom: 200px
    margin-top: 300px
    padding-bottom: 50px
    padding-top: 20px

    &#top
        margin-top: 0px

    div.centered
        margin-left: auto
        margin-right: auto
        width: 50%

        h1
            color: $baseColor1

            span
                color: $baseColor2
