body {
    background: #FFFFFF;
    font-family: 'Libre Baskerville', serif;
    position: relative;
    margin-top:50px;
}

  .navbar{
    background: #0D185A;
    margin-bottom: 0px;
    border: none;
  }

  a, .animate{
      transition: all 0.5s;
  }

.small-logo{
    margin-top:5px;
    height: 40px;
}


  .navbar-brand {
    padding: 0px 15px;
  }

  h2 {
    text-align: center;
    color: #233060;
      }


  .about-us {
    max-width: 800px;
    }

  .valores {
    max-width: 800px;
  }

  .servicios {
    max-width: 800px;
  }

  .team {
    max-width: 800px;
  }

  .footer {
    background-color: #0D185A;
    text-align: center;
    width: 100%;
    height:70px;
  }

@media (max-width:768px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
        font-weight: bold;
        padding-bottom:5px !important;
        padding-top:5px !important;
    }

}

@media (max-width:1100px) {
    .navbar-default .navbar-nav>li>a {
        padding-left:5px !important;
        padding-right:5px !important;
    }

    .social-container > a{
        padding-left:5px !important;
        padding-right:5px !important;
    }
}

.navbar-default .navbar-nav>li>a {
    color: #FFF;
    margin:5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #337ab7;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #337ab7;
    background-color: transparent;
}

.form-control{
    background-color: #CCCCCC;
}

.value-img{
    padding-top:30px;
}

.value-p{
    color:#FFF;
    font-size: 20px;
}