body {
      font: 400 15px Lato, sans-serif;
      line-height: 1.8;
      color: #818181;
      padding-top: 50px;/*para que no tape contenido el navegador "fixed top" */
  }
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }  

  .container-fluid {
      padding: 50px 30px;
  }
  .img-thumbnail{
     margin-top:20px;
     margin-bottom: 5px;
     height: 300px;
     width: 100%;
  }

  .imagen-grande {
      width: 100%;
      height: 100%;
      margin-bottom: 20px;
  }
  /*barra de navegacion*/
  .navbar-default {
      margin-bottom: 0;
      background-color:white;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 3px;
      border-radius: 0;
      font-family: Montserrat, sans-serif;
  }
  .navbar-default li a, .navbar  {
      color: rgb(061, 178, 254) !important;
      margin:  2px 2px ;
  }
 
  .navbar-nav li a:hover, .navbar-nav li.active a {
      color: white !important;
      background-color: rgb(061, 178, 254) !important;
      border-radius: ;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: rgb(061, 178, 254) !important;
  }
  /*logo en la barra de navegacion*/
  .brand{
    position:relative;
    margin-top:-7% !important;
    display:block;
    width:150px ;
    height:50px ;
  }
  /*icono "ir arriba" */
  footer .glyphicon {
      font-size: 40px;
      margin-bottom: 10px;
      color: rgb(061, 178, 254);
  }
/*color de los ticks de la pestaña index*/
  #ok{
    color:green ;
  }
/*videos responsivos de youtube*/
  .video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    }
    
    .video-responsive iframe,
    .video-responsive object,
    .video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
    /*icono "info" de la pestaña condiciones*/
    #info {
        color:rgb(061, 178, 254);
        font-size: 20px;
        margin-left: 10px;
    }

    /*cambio del tamaño del logo segun el dispositivo*/
    @media (max-width: 600px) {
        .logo {
            width:100%;
        }
    }
.logo {
    margin-top: 50px;
}

/*cambio del tamaño del boton de whatsapp segun el dispositivo*/
@media (max-width: 600px) {
    .whatsapp {
        width:100%;
    }
}