body{
    background-color: rgb(237, 237, 237);

}

#mainNav{
  background: #fff;
}

#cifras{
  background-color: rgb(255, 255, 255);
}

#descripcion{
    background-color: rgb(237, 237, 237);
    padding-bottom: 80px;

}

#descripcion p{
  font-size: 1em;
}

#descripcion img{
  padding-bottom: 80px;
}

.white{
    background-color: rgb(255, 255, 255);

}

.txt_puntos_criticos{
  padding: 30px 10px 30px 90px;
}

#evitar_ayudar{
  padding: 50px 150px 80px 150px;
}

.video{
    background-color: rgb(255, 255, 255);


}

.video h3{
    color: #FFBB19;
    font-weight: 900;
    font-size: 2em;
    width: 75%;
    border-bottom: 7px solid;
    margin-bottom: 30px;
}

.video p{
  font-size: 1em;
}


.cifra_num{
      color: #FFBB19;
    font-weight: 900;
    font-size: 3em;
}

.cifra_text{
    color: #166848;
    font-size: 1.5em;
    line-height: 1.2em
}

.lineas_atencion span{
  margin-left: 10px;
}

.txt_puntos_criticos h2{
  font-size: 2em;
}


#evitar_ayudar h2{
  font-size: 2em;
}

#evitar_ayudar p{
  font-size: 1em;
}



.content-disponer{
  width: 90%;
  margin: 0 auto;
}

.content-disponer li{
  margin: 100px 0;
}

.content-disponer .img-disponer{

}

.content-disponer .text-disponer{
  text-align: left;
  font-size: 1.2em;
  display:  inline-block;
}

.text-disponer span{
  color: #336633;
}

.text-disponer span.strong{
  font-weight: 900;
}

.img-elementos{
  display: inline-block;
  height: 300px;
}

.text-elementos{
  text-transform: uppercase;
  font-size: 1.5em;
  color: #336633;
  font-weight: 700;
}



#elementos-biologico .texto span{
  color: #336633;
  font-weight: 700;
}

.img-responsive{
  width: 100%;
}


@media only screen and (max-width: 600px) {
  .navbar-brand{
    text-align: center;
  }
  #logo_bogota{
    width: 100%;
  }

  h1{
    font-size: 1.8em;
  }

  .img-disponer img{
    width: 100%;
  }
  .content-disponer .text-disponer{
    text-align: center;
  }


  footer{
    height: 458px;
  }

  footer img{
    width: 100%;
  }
}