/*
 Documento CSS do Funcionalidades
 Seguindo os padrões do Bootstrap - http://getbootstrap.com/css/#grid-media-queries
 Criador: Weslei Silveira
 Data: 23/05/2016
 */

/* ------------------------------------------------------------------------------- */
/* Large devices (large desktops, 1200px and up) - col-lg-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 1200px) {}

/* ------------------------------------------------------------------------------- */
/* Medium devices (desktops, 992px and up) - col-md-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 992px) {}

/* ------------------------------------------------------------------------------- */
/* Small devices (tablets, 768px and max 991px) - col-sm-*
/* ------------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {}

/* ------------------------------------------------------------------------------- */
/* Extra small devices (phones, less than 768px) - col-xs-*
/* ------------------------------------------------------------------------------- */

@media (max-width: 767px) {

	/* ------------------------------ */
	/* Navigation
	/* ------------------------------ */

	.features-navigation .navbar-header {
	    text-align: center;
	}

	.features-navigation .navbar-navigation {
		background: #F8FAFC;
	}

	.features-navigation .navbar-toggle {
		font-family: 'pingpong-medium';
		font-size: 16px;
		color: #4983BB;
		float: inherit;
		margin: 0;
		padding: 27px;
	}

	.features-navigation .navbar-toggle span {
		font-size: 5px;
		position: relative;
		top: -3px;
		left: 5px;
	}

	.features-navigation .navbar-center li {
	    float: none;
	    display: inline;
	}

	/* ------------------------------ */
	/* Hero
	/* ------------------------------ */

	.hero.bg {
		background-image: none !important;
		padding: 0px 0;
	}

	.hero img {
		margin: 20px auto 0;		
	}

}