body{
	font-family: 'Monserrat', sans-serif;
}


#header-container,
#info-container {
  background-color: #99c84a;
  color: white;
}

#header-container .login,
#header-container .navbar-toggler{
	color: white;
}

#menu-container{
	background-color: #f7f7f9;
}

.btn.btn-platzi{
	background-color: #99c84a;
	color: white;
}

.btn.btn-platzi:hover{
	background-color: #8ab542;
}

input.form-control:focus{
	border-color: #99c84a;
}

#search-bar{
	padding: 1em;
}

#productosCarousel img{
	margin: 0 auto;
}

#info-container h4{
	margin: 1em auto;
}

#info-container img{
	height: 288px;
	margin: 0 auto;
	margin-top: 2em; 
}

#footer-container{
	background-color: #1c3643;
	color: white;
	padding: 3em 0;
}

#footer-container h4{
	font-size: 16px;
}

#footer-container .nav-link {
	color: white;
}

@media (max-width: 768px) {
	#footer-container [class*="col-"]{
		margin-bottom: 2em;
	}
}

#breadcrumbs-container .breadcrumb{
	background-color: white;
	padding-left: 0;
}

#breadcrumbs-container .breadcrumb .breadcrumb-item{
	color: #1c3643;
}

#breadcrumbs-container .breadcrumb .breadcrumb-item.active{
	color: #95a5a6;
}

#breadcrumbs-container .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
	content: ">";
}

#productos-container {
	margin-bottom: 2em;
}

#productos-container .list-group-item-action.active {
	background-color: #99c84a;
	border-color: #99c84a;

}

#productos-container .list-group+.list-group{
	margin-top: 1em;
}

@media (max-width: 768px){
	#productos-container .filtros-toggle{
		margin-bottom: 1em;
	}
}