.navbar-flags{
	padding-right: 20px;
}

.navbar-flags li a{
	font-size: 20px;
}

.head-index{
    padding-top: 20px;
}


h1.content-title{
	padding-bottom: 0px;
    margin-bottom: 25px;
}


.masthead{
	background-image: url('../img/campo.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed;
    /* e agora a regra de ouro que fará a imagem ocupar todo o viewport */
    background-size: 100% 100%;
	
	
}

.masthead-title{
	text-shadow: 2px 2px #000;
}

p.masthead-{
	text-shadow: 2px 2px #000;
	font-size: 20px;
}


.mini-feature-6{
	width: 50%;
}



@media (min-width: 768px){
	#index-page {
		/* padding-top: 110px; */
		padding-bottom: 320px;
		font-size: 32px;
		text-align: center;
		width: 100%
	}
	
	.box-shad{
		background: rgba(0,0,0,.45);
		padding: 17px;
	}
	

	
	
}

@media screen and (max-width:768px) {
	.mini-feature-6{
		width: 100%;
	}
	
	#hd-masthead{
		height: 715px;
	}
	
	#index-page{
		height: 50px;
	}
	
	
	p.masthead-{
		font-size: 13px;
	}
	
	
}
	


.navbar-inverse {
    background-color: #FFF;
}

.navbar-inverse .navbar-nav > li > a {
    background: #FFF;
	color: #000;
}

.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li > a:hover{
    background-color: #989898;
}  

.navbar-inverse .navbar-nav > li.active > a {
    background: #B4B9B4;
    border-bottom-color: #000000;
}


.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li.active > a:hover, .navbar-inverse .navbar-nav > li.active > a:active, .navbar-inverse .navbar-nav > li.active > a:focus {
    background-color: #B4B9B4;
}

.navbar-brand-img {
	background: #FFF;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}

.copyright {
    color: #000;
    background: #B4B9B4;
}

.copyright a{
    color: #428BCA;
}

.masthead .btn-transparent, .footer .btn-transparent {
    color: #ffffff;
    background-color: #B4B9B4;
    border-color: #ffffff;
    border: 2px solid #fff;
}


.txt-justify{
	text-align:justify;
}

/* html, body{
	height: 100%
}
*/



html, body{
	height: 100%
}

#wrapper{
	/* height: 100%; */
	min-height: 100%;
}

footer{
	/* position: absolute; */
    /* bottom: 0; */
    /* width: 100%; */
}