body {
	height: 3000px;
}

.logo {
	position: absolute;
	z-index: 999;
	height: 150px;
}

.menu-piffer-telefone span {
  color: #cd363a !important;
  font-size: 48px;
  margin-left: 20px;
  margin-top: -20px;
  float:left;
}

.navbar {
	height: 104px;
	background-color: #222222;
	border: none;
}

.navbar-nav li {
	margin-top: 40px;
}


.navbar-nav li a {
	color: white !important;
	font-size: 20px;
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
	.navbar-nav li a {
	  color: white !important;
	  font-size: 14px;
	}

	.logo {
		height: 100px;
	}
}

@media screen and (max-width: 1000px) { 
	.menu-piffer-telefone span {
		float:left;
	    font-size: 18px;
	}

	.navbar-nav li {
		margin-top: 40px;
	}

	.page-scroll {
	  font-size: 15px !important;
	  color: white !important
	}

	.logo {
		height: 100px;
	}
}

@media screen and (max-width: 768px) {
	ul.navbar-right {
		background-color: #222 !important;
	}

	ul.navbar-right li {
		float: right;
		width: 100%;
		text-align: right;
		border-top: none;
		margin-top: 20px;
	}
	.menu-piffer-telefone span {
		width: 100%;
		text-align: right !important;
		margin-right: 10px;
		float:right;
	}

	.navbar-default .navbar-nav > .active > a, 
	 .navbar-default .navbar-nav > .active > a:hover, 
	 .navbar-default .navbar-nav > .active > a:focus {
	      color: #222 !important;
	      background: #555 !important;
	 }

	 .logo {
		height: 100px;
	}
}

#bs-example-navbar-collapse-1 {
	border: none;
}

.menu-piffer .active {
	color: red;
}


 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus {
      color: #222 !important;
      background: #cd363a;
 }