@font-family-serif:       Georgia, "Times New Roman", Times, serif;


body {
	padding-top: 50px;
	font-family: 'Open Sans', sans-serif;
}
.starter-template {
	padding: 40px 15px;
	text-align: center;
}


.navbar-nav > li, .navbar-inverse .navbar-nav > li > a , .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}

	
.navbar .brand
{
  background: url(http://www.guarulhosemrede.com.br/wp-content/uploads/2016/01/logo-bar-guarulhos.png) no-repeat left center;
  height: 20px;
  width: 100px;
  
}

.logo img {
width: 100% \9; /*Force IE10 and below to size SVG images correctly*/
max-width: 100%;
}

.navbar-toggle {
	background: #FF0;
	border-radius:0;	
}
 .navbar-inverse .navbar-toggle:hover,  .navbar-inverse .navbar-toggle:focus {
	 background: #FFF;
 }

@media (min-width:768px) { 
.navbar-inverse .navbar-nav > li > a:hover {
	color: #FF0;
	border-bottom: solid #FF0 5px;
	height:50px
	}
}


@media (max-width:480px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70% !important;
}

}

@media (max-width:400px) { 
.logo img {
    width: 75% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 75%;
}
}

@media (max-width:385px) { 
.logo img {
    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70%;
}
}

@media (max-width:345px) { 
.logo img {
    width: 65% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 65%;
}
}

@media (max-width:335px) { 
.logo img {
    width: 60% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 60%;
}
}

@media (max-width:325px) { 
.logo img {
    width: 55% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 55%;
}
}

@media (max-width:315px) { 
.logo img {
    width: 50% \9; /*Force IE10 and below to size SVG images correctly*/
    max-width: 50%;
}
}