/* Add here all your CSS customizations */
.categories-list{
	text-align: center;

}
.categories-list h2{ 
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.categories-list ul{
	display: inline-block;
	padding: 0;
}
.categories-list ul li{
	display: inline-block;
	padding: 0 10px;
}
.categories-list ul li a{
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 13px;
	border-radius: 4px;
}
.categories-list ul li a:hover,
.categories-list ul li a.active{
	background: #1f4e8c;
	color: #FFF;
	text-decoration: none;
}
.mobile{
	display: none;
}
.desktop{
	display: block;
}

@media only screen and (max-width: 768px){
	.mobile{
		display: block;
	}
	.desktop{
		display: none;
	}
	.btn-group>.btn:first-child{
		width: 250px;
    background: #1f4e8c;
    color: #FFF;
    border-color: #1f4e8c;
    text-transform: uppercase;
    font-weight: bold;
	}
	.btn-group{
		margin: 0 auto;
		display: table;
	}
	.dropdown-menu{
		width: 250px;
    border-top: solid 5px #4285f4;
    margin: 0;
	}
	.dropdown-menu>li>a{
		color: #1f4e8c;
		font-weight: bold;
		text-align: center;
	}
	.dropdown-menu>li>a:hover{
		background: #1f4e8c;
		color: #FFF;
	}
	.btn .caret {
    margin-left: 5px;
	}
	.open>.dropdown-toggle.btn-default:focus,
	.open>.dropdown-toggle.btn-default:hover{
    background: #1f4e8c !important;
		color: #FFF;
		border-color: #1f4e8c !important;
	}
}