Aula 9 - Video 2 - Wrapper nao fica na posição certa. Fica embaixo

HTML:

<section id="nossos-produtos" class="container">
        <h2>Áreas de Atuação</h2>

        <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3 col-lg-3">
                <figure class="thumbnail">
                    <img src="css/industria-chamine-2.jpg" alt="Foto Castelo">
                    <figcaption class="caption">
                        <h3>Indústrial</h3>
                        <!-- <p>Nossa visão vai além ...</p> -->
                    </figcaption>
                </figure>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <figure class="thumbnail">
                    <img src="css/comercial-3.jpg" alt="Comercial">
                    <figcaption class="caption">
                        <h3>Comercial</h3>
                        <!-- <p>Nossa visão vai além ...</p> -->
                    </figcaption>
                </figure>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
                <figure class="thumbnail">
                    <img src="css/comercial-2.jpg" alt="Residencial">
                    <figcaption class="caption">
                        <h3>Residencial</h3>
                        <!-- <p>Nossa visão vai além ...</p> -->
                    </figcaption>
                </figure>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
                <figure class="thumbnail">
                    <img src="css/industria-0.jpg" alt="Tecnologia">
                    <figcaption class="caption">
                        <h3>Tecnologia</h3>
                        <!-- <p>Nossa visão vai além ...</p> -->
                    </figcaption>
                </figure>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
                <figure class="thumbnail">
                    <img src="css/industria-0.jpg" alt="Automação">
                    <figcaption class="caption">
                        <h3>Automação</h3>
                        <!-- <p>Nossa visão vai além ...</p> -->
                    </figcaption>
                </figure>
            </div>

        </div>
    </section>

CSS:estilos.css
#paineis-sobre{
    margin-top:20px;
}

.titulo-depoimentos{
    background-color: #0275D8;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;    
    margin-bottom: 0;
    font-size: 24px;            
}


.contato-select,
.grupo-radio{
    width:50%;
    display: inline-block;
    vertical-align: top;
}

.grupo-radio .radio:first-child{
    margin-top: 0;
}

footer{
    background-color: #333;
    color: #FFF;
    padding: 20px;
    margin-top: 10px;
}

footer address:last-child{
    margin-bottom: 0;
}    

header{
    background-image: url(globo-tech.jpg);
    background-color: #333;
    background-size: cover;
    background-position: top center;
    height: 100%;
    position: relative;
}

header{
    margin-top: 0;
    margin-bottom: 0;
}

html,body{
    height: 100%;
}

.ziitech-banner{
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    padding: 20px;    
    width: 80%;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-40%, -40%);
    transition: .3s;
}

@media(min-width: 768px){
/*    .colunas-2{
        width: 50%;
        float: left;
        }*/

        #paineis-sobre{
            margin-top: 0;
        }
    }

    .navbar-inverse {
        background: -webkit-linear-gradient(#0095da, #004869);
    }

    #contato-h2{
        margin-top: 0;
    }

    @media(min-width:992px) {
        .ziitech-banner {
            left: 0;
            transform: translate(0, -80%);
            width: 50%;
        }
        .ziitech-bannerWrapper {
            position: relative;
            height: 100%;
        }
    }