#header {
  background-color: #00548b;
  opacity: 0.8;
  text-align: center;
}

#footer {
  background-color: #00548b;
  opacity:0.8;
  color:white;
  bottom:0px;
  position:fixed;
  margin-right:5px;
  width:99%;
  height:40px;
  line-height:40px;
}

#footer img {
  float:left;
}

#footer a {
  position: fixed;
  right: 25px;
  color: white;
}

#logo {
  width:90%;
  max-width:400px;
  margin-top:15px;
  margin-bottom:5px;
}

#search {
  font-size:12px;
}

#app p {
  margin: 1px 0px 0px 0px;
}

#main {
  margin-top: 10px;
}

#info {
  position: relative;
}

#info img {
  position: absolute;
  right: 0px;
  width:160px;
  height:183px;
}

#info table {
  float:left;
  font-size: 12px;
  margin-bottom:50px;
}

#info th {
  width:80px;
  font-weight: normal;
  background-color: #1e789c;
  color: white;
}

#icons {
  margin: 10px 0px !important;
}

button {
  background-color: white;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  padding: 0.2em 0.5em;
  text-decoration: none;
  color: #026177;
  border: solid 2px #005b80;
  border-radius: 3px;
  transition: .4s;
  margin: 0px 4px 5px 4px;
}

button:hover {
  background: #005b80;
  color: white;
}

#all button {
  background-color: white;
  color: red;
  border: solid 2px red;
}

#all button:hover {
  background: red;
  color: white;
}

.list-item {
  display: inline-block;
  margin-right: 10px;
}
.list-enter-active, .list-leave-active {
  transition: all 0.5s;
}
.list-enter, .list-leave-to /* .list-leave-active for below version 2.1.8 */ {
  opacity: 0;
  transform: translateY(30px);
}

.list-item img {
  width:40px;
  height:40px;
}

nav {
 width: 300px;
 height: 450px;
 transition: all 0.2s;
 transform: translateY(450px);
 position: fixed;
 bottom: 0px;
 left: 0px;
 z-index: 1000;
 background-color: #FFF;
}

nav.open {
 transform: translateY(-40px); 
}

.twitter {
  height:100%;
}