/* Sticky footer styles
-------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
/* Wrapper for page content to push down footer */

html {
  position: relative;
  min-height: 100%;
  background-image: url('../img/lstud-background-small.png'); background-repeat: repeat-y; background-position: center;
}
h1{font-size: 34px; font-weight: 700;}
h2{font-size: 31px}
h3{font-size: 26px; font-weight: 700;}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 330px;
  background-color: #f5f5f5;
  padding-top: 50px;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 330px;
  background: transparent;
  background-color: transparent;
  font-family: 'PT Sans', sans-serif;

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px ) { 
 #lstud-collapse > ul {  float: none;  margin: 0 auto;  display: table;  table-layout: fixed; }
  body { margin-bottom: 200px}
 .footer { height: 200px }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {  
 html {background-image: url('../img/lstud-background-medium.png'); background-repeat: repeat-y; background-position: center;}

}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  html {background-image: url('../img/lstud-background-large.png'); background-repeat: repeat-y; background-position: center;}
}


.footer p {
  font-size: 12px;
}
body > .container{
  background: transparent;
  background-color: transparent;
  color: #FFFFFF;
}
.row {
  background: transparent;
  background-color: transparent;
}
.container .text-muted {
  margin: 20px 0;
}
.fill { 
    min-height: 100%;
    height: 100%;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar{
  height: 300px;
  font-size: 31px;
  font-weight: 700;
  -webkit-box-shadow: 0px 9px 18px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 9px 18px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 9px 18px 0px rgba(50, 50, 50, 0.15);
}
.navbar-collapse{
  background-color: #FFFFFF;
}
.navbar .fa{
  font-size: 15px;
  line-height: 3;
  color: #777777;
}
.navbar-default{
  background-color: #FFFFFF;
  border-color: #AFAFAF;
}
.navbar > .center-block {
  margin-top:30px;
  margin-bottom:30px;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
  color: #124a30;
  text-decoration: underline;
  background-color: #FFFFFF;
}
.container > .row {
  margin-top:25px; margin-bottom: 25px;
}
.quote{
  background-color: rgba(0, 0, 0, 0.75);
  height: 20px;
  margin-top: -20px;
  position: relative;
  width: 100%;
}
.quote > p {
  font-size: 10px;
  padding-left: 20px;
  line-height: 2;
}
.info{
  background-color: rgba(0, 0, 0, 0.75);
  height: 30px;
  margin-top: -30px;
  position: relative;
  width: 100%;
}

.info > p{
  font-size: 14px;
  padding-left: 20px;
  line-height: 2;
  font-weight: 700;
}
.info-box{
  margin-bottom: 30px;
}
.animal-link > a {
  color: #FFFFFF;
}
.animal-link > a:hover {
  color: #000000;
}
.animal-link {
  font-weight: 700;
}
.animal-link p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}