body{
    background: #f2f2f2;
}
h1, h2, h3{
	color:#22ac38;
}
.container{
	max-width:750px;
}
.panel {
    border-radius: 0;
    border: none;
}
.panel-default .panel-heading, .panel-default .panel-footer {
	border-bottom:none;
    background: #fff;
}
.navbar {
    border-radius: 0;
}
.navbar-default {
    background-color: #22ac38;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover {
    color: #fff;
}
.navbar-default .navbar-brand img{
	height:30px; 
}
.navbar-default .navbar-nav>li>a {
	color:rgba(255,255,255,.7);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover {
	color:#fff;
	background-color: #22ac38;
}
.navbar-default .navbar-toggle{
	border-color:#22ac38;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:#129c28;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.footer{text-align:center;background: #23262e; color: rgba(255,255,255,0.5); font-size: 14px; padding: 30px 0; line-height: 30px;}

@media (min-width: 768px){
	.navbar {
		height: 100px;
	}
	.navbar-default .navbar-brand{
		padding-top:35px; 
	}
	.navbar-default .navbar-nav>li>a {
		padding:35px 35px 30px 35px;
		line-height: 30px;
		font-size: 16px;
	}
	.navbar-default .navbar-nav>.active{
		border-bottom:solid 3px #C1E4FF
	}
	.navbar-default>.active>a, .navbar-default>li>a:hover{
		color:#fff
	}

}