/* GERAIS */

h2, h3, h4, p {
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  width: 100%;
}

h2, h3, h4 {
  color: #000000;
}

h2 {
  font-size: 42px;
  padding-bottom: 17px;
}

h3 {
  font-size: 29px;
  padding-bottom: 37px;
}

h4 {
  font-size: 21px;
  text-align: left;
  padding:20px 0 5px;
}

p {
  font-family: 'Ubuntu', sans-serif;
  color: #555555;
  font-size: 23px;
}

.funcionalidades {
  padding-left: 50px;
}

.funcionalidades p {
  text-align: left;
  font-size: 17px;
  padding-left: 20px;
}

a {
  color: #999999;
}

.jumbotron {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* HEADER */

.header {
  background-color: #012a44;
}

h1.logo {
  position: relative;
  overflow: hidden;
  padding: 0;
}

h1.logo a {
  position: absolute;
  height: 0;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

h1#logo {
  height: 93px;
}

h1#logo a {
  padding-top: 93px;
  background-image: url(//portabilidade.app/assets/images/portabilidade_logo.png);
}

/* ATUALIZA */

.atualiza, .depoimentos {
  background-color: #ffffff;
}

/* LOJAS */
.lojas {
  background-color: #e9ecef;
}

.selo-app-store img {
  width: 239px;
  height: 80px;
}

.selo-google-play img {
  width: 270px;
}

.selo-app-store img, .selo-google-play img {
  margin: 0 auto;
  display: block;
}

/* FOOTER */

.email {
  text-align: center;
}

.email p {
  font-size: 17px;
  color: #999999;
}

.telas, .footer {
  background-color: #ffffff;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 991px) {
  .selo-google-play {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 30px;
    padding-bottom: 10px;
  }
  p {
    font-size: 20px;
  }
  h1#logo {
    height: 62px;
  }
  h1#logo a {
    padding-top: 62px;
    background-image: url(//portabilidade.app/assets/images/portabilidade_logo_small.png);
  }
  .funcionalidades {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 27px;
  }
  p, h2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 400px) {
  h1#logo {
    height: 45px;
  }
  h1#logo a {
    padding-top: 45px;
    background-image: url(//portabilidade.app/assets/images/portabilidade_logo_xsmall.png);
  }
  h3 {
    font-size: 24px;
    padding-bottom: 25px;
  }
}