/* reset de margens */
* {
    margin: 0;
    padding:0;
}

/* para garantir que estes elementos ocuparão toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}
body, html:after{
    content: '';
    display: table;
    clear: both;
}

#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
    margin-bottom: 40%;
}
@media screen and (max-width: 900px) {
    #fundo-externo {
        overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
        width: 100%;
        height: 100%;
        position: relative; /* criamos um contexto para posicionamento */
        margin-bottom: 140%;
    }
}

#fundo-externo:after{
    content: '';
    display: table;
    clear: both;
}

#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
    clear: both;
    margin-top: -60px;
    margin-left: -15px;
}
#fundo:after{
    content: '';
    display: table;
    clear: both;
}

#fundo img {
    width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
}
#fundo img:after {
    content: '';
    display: table;
    clear: both;
}
#site {
    position: absolute;
    top: 90px;
    left: 10%;
    width: 80%;
    padding: 20px;
    /*background: #FFF; /* fundo branco para navegadores que não suportam rgba */
    /*background: rgba(255,255,255,0.1); /* fundo branco com um pouco de transparência */
    margin-bottom: 200px;
    color: white;
    text-shadow: 1px 1px #000;
}

#site:after{
    content: '';
    display: table;
    clear: both;
}

/*Trabalhe conosco*/
form.vagas-curriculo input{
    padding: 35px;
    border-radius: 50px;
}