.logo{font-weight:bold;margin-bottom: 0;font-size:30px;}
a.logo , a.logo :hover{color:#fff;text-decoration: none}
.popular{padding:25px 0 0 0}
.popular ul{color:#fff;list-style: none; padding: 0; margin:0;    font-size: 20px;}
.popular a{color:#fff;text-decoration: none;}
.navbar-dark{text-align:center;display:block;}
.searchform .input-group-btn{border:2px solid white;border-radius:0 .25rem .25rem 0;background:#ffc107;}
.searchform{width:100%;margin-top: 25px;}
.searchform .btn{  background: #ffc107; cursor:pointer; color:#fff; padding:0 50px;    font-size: 22px;}
.searchform input{ border-right: 0;}

main {width: 100%;}

.cards{padding:25px 0;}
.cards>.card{
	cursor:pointer;
    background-color: #fafafa;
    border: 1px solid #f6f6f6;
    border-left: 2px solid;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    border-radius: .5rem;
}

.cards>.card.d{cursor:inherit}

.card img{width: 70px;
    background: #fff;
    border-radius: 15px;
    float: left;
    margin: 0 25px 10px 0;}

.card.service-1{border-left-color:#007bff;}
.card.service-1 img{background: #007bff;}
.card.service-2{border-left-color:#ffc107;}
.card.service-2 img{background:#ffc107;}
.card.service-3{border-left-color:#dc3545;}
.card.service-3 img {background:#dc3545;}
.card.service-4{border-left-color:#fd7e14;}
.card.service-4 img{background:#fd7e14;}

.card-right{float:right;}
.card-right span{display: block;text-align: right;}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}

.nav-tabs .nav-link.active {
    background-color: #fafafa;
}


.masthead {background:#8b0808;padding:25px 0;}
.navbar-toggler{display:none;}
@media (max-width: 768px) {
	
	.nav-tabs .nav-link {display:block;padding:.5rem .5rem;}
	.hidden-menu{display:none;}
	.hidden-search{display:none;}
	.searchform .btn{ padding:0 10px; }
	.cards>.card{border-radius:0;}
	.navbar-toggler{display:inline-block;float:right}
	.navbar-dark {padding:0 10px; text-align: inherit;}
	.navbar-dark .navbar-toggler {margin-top: 3px;cursor:pointer;color: rgba(255, 255, 255, 1);border-color: rgba(255,255,255,0.6);}
	.masthead {padding: 12px 0;}
	.popular ul{    padding: 0 0 0 10px;}
	.tags{margin:0 10px 10px;}
	
	.card-title{font-size:20px;}
	.card img {width: 50px;border-radius: 7px;}
	.card-body {padding: 10px;}
	.card-footer {padding:5px 10px;font-size:13px;}
	
	.content{padding:10px;}
	.pagination > li{display: none;}
	.pagination > li:first-child{margin-left:5px;}
	.pagination > li:last-child{margin-right:5px;}
	.pagination > li:first-child,
	.pagination > li:last-child{width:50%;display:inline-block;text-align:center;}
}