/* GENERAL */

    * { margin: 0; padding: 0; }

    html { width: 100%; min-width: 100%; min-width: 100%; }

    body { width: 100%; min-width: 100%; min-width: 100%; }

/* STYLES */

    html { background: url('../img/texture.png'); }

    body { background: url('../img/background.jpg') 50% 50%; font-family: 'Open Sans', sans-serif; color: #161414; line-height: 1.6; }

    .step { width: 1250px; height: 680px; padding: 180px 50px; position: relative; text-align: center; }

    #overview { width: auto; height: auto; }

        .debug .step { background: pink; }

        .debug #overview { background: none; }

        .column-3 { float: left; width: 33.3%; }

            #we-do .column-3:nth-of-type(1) { width: 21%; margin-left: 8%; margin-right: 2%; }
            #we-do .column-3:nth-of-type(2) { width: 32%; margin-right: 2%; }
            #we-do .column-3:nth-of-type(3) { width: 30%; }

        .step h2 { text-align: left; font-size: 40px; text-shadow: 1px 0px 1px #CCC, -1px 0px 1px #161414; padding-left: 160px; padding-right: 160px; font-weight: normal; }

            #we-are h2 { padding-top: 180px; }
            #we-cover h2 { padding-top: 200px; }
                #we-cover .top { font-size: 80%; }
                #we-cover .bottom { font-size: 81.5%; }
            #we-do h2 { font-size: 38px; padding: 0; }
                #we-do h2 span { display: block; font-size: 50px; margin-top: 150px; margin-bottom: 10px; }
            #we-believe h2 { font-size: 45px; padding-top: 180px; }
                #we-believe .top { font-size: 30px;}
                #we-believe .bottom { font-size: 48px;}
            #we-are-expected-to h2 { font-size: 45px; padding-top: 90px; }
                #we-are-expected-to span { display: block; font-size: 40px; margin-bottom: 20px; }
            #portfolio h2 { font-size: 35px; padding-top: 290px; text-align: center; }
            #clients h2 { padding-top: 290px; text-align: center; }
            #only-web h2 { font-size: 25px; padding-top: 280px; position: relative; }
                #only-web .back { position: absolute; top: 150px; left: 80px; font-size: 200px; opacity: 0.1; }
            #thank-you h2 { font-size: 25px; opacity: 0.7; }

        .step img.portfolio { position: absolute; top: 15%; left: 15%; width: 70%; }

        .logo { position: absolute; top: 50%; left: 50%; margin-left: -249px; margin-top: -70px; width: 498px; height: 140px; }
