*, html {
  margin: 0;
  padding: 0;
}

body {
  background-image: url(../images/bg.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh; 
}

#conteudo {
  margin: auto;
  width: 940px;
  text-align: center;
  top: 50%;
  position: absolute;
  margin-top: -300px;
  left: 50%;
  margin-left: -470px;
  text-align: center;
}

#conteudo p {
  font-family: 'Ubuntu', sans-serif;
  color: #4f2365;
  font-weight: 300;
  letter-spacing: -0.5px;
}

#conteudo h1 {
  font-family: 'Ubuntu', sans-serif;
  color: #4f2365;
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: 700;
}

#conteudo i {
  color: #4f2365;
  font-size: 35px;
  margin-top: 10px;
}

#conteudo a {
  color: #4f2365;
}

.divisor {
  background-image: url(../images/bg_divider.png);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: top center;
  width: 940px;
  height: 50px;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) {

    #conteudo {
      width: 320px;
      margin-left: -160px;
    }

    #conteudo img {
      width: 230px;
    }

    a {
      text-decoration: none;
      color: #4f2365;
    }

}