/* Center the loader */
#loader > img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 150px;
    margin: -75px 0 0 -60px;
    
  }
  
  /* Add animation to "page content" */
  .animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
  }
  
  #page {
    display: none;
  }

  @media only screen and (max-width: 600px) {   
    /* Logo */
    .logo{
      position: relative;
      left: 50%;
      margin-left: -75px;
    }
  }

  @media only screen and (min-width: 900px) {
    header .navbar-collapse ul.navbar-nav {
      position: relative;
      top: 0%;
      bottom: 0%;
    }
  }

  .container>.navbar-header{
    padding-top: 20px;
  }

  .marginBottom10{
    margin-bottom: 10px;
  }