html, body {height: 100%; margin: 0; padding: 0}
h1, h2, h3, h4 { font-family: Sansita, serif }
p, li  { font-size: small }
footer { position: relative; width: 100%; left:0 ;bottom: 0; height: 40px }
span { margin: 2px }

.navbar-brand { color: floralwhite; font-family: Sansita, serif }
.nav-list { position: relative; right: 7% }
.consulta { padding: 25px; position: relative; left: 5%; width: 80% }
.books { padding: 25px; position: relative; left: 5%; width: 80% }
.escolas { padding: 25px; position: relative; left: 5%; width: 80% }
.publisher { padding: 25px; position: relative; left: 40px }
.ftr { padding: 25px }
.wrapper { position: relative; min-height: 120% }


.form { height: 50%; width:70%; padding: 10px; position: relative; left: 48px }
.form-group { width: 40% }
.login-msg { position: relative; left: 48px }

.center {
    margin: auto;
    width: 50%;
    padding: 10px;
}

.content-section {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
}

.footer, .push {
  clear: both;
  height: 4em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.dotFooter{
    background-color: #E62886;
    color: #00a651;
    padding-top: 0px;
    border-top: 1px solid #e7e7e7;
    margin-bottom: 0px;
    padding: 25px;
}