body {
   padding-top: 50px;
   padding-bottom: 20px;
}

html,
body {
  height: 100%;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

#footer {
  height: 60px;
  background-color: #f5f5f5;
}

.container {
  width: auto;
  padding: 0 15px;
}
.container .credit {
  margin: 20px 0;
}      


.brasao {
   float: left; 
   margin-right: 15px; 
   padding: 15px; 
   box-sizing: border-box; 
   width: 200px;    
   height: 200px;
   border: 1px solid #ccc; 
   align: center; 
   text-align: center; 
   background-color: white; 
   border-radius: 4px;
}

.brasao img {
   max-height: 100%;
   max-width: 100%;
}

.navbar-header {
   width: 100%;
}

.navbar-brand {
   max-width: 70%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.titulo {
   font-size: 30px;
}

#instrucoes {
   display: none;
}