body {
	font-size: 16px;	
	font-family: 'Exo 2', sans-serif;
}
.navbar-header button.navbar-toggle, .navbar-header .icon-bar{
  border: 2px solid #000 !important;
}
#header-nav{
  background-color:#999999;  
  border:2px solid #000; 
  border-radius: 0;
}
.navbar-brand{
  margin-top: 10px;
  padding-top:10px;
}
.navbar-nav{
  margin:0 -15px !important;
}
.navbar-brand h1{
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  line-height: .75;
  margin-left: 15px;
}
.navbar-brand a:hover, .navbar-brand a:focus{
  text-decoration: none;  
}
#nav-list{
  border:1px solid;
}
#nav-list:nth-child(3){
  border-bottom:0;
}
#nav-list li{
  background:#fff;
  border-bottom:2px solid;
}
#nav-list li:nth-child(3){
  border-bottom:0;
}
#nav-list li a{
  color:#000;
  font-weight: 600;
  line-height: 8px
}
.menu{
  margin:15px; 
}
.main-title{
  font-weight: bold;
  margin-top: -3px;
}
.menu-content{ 
  margin-top:40px;
}
.menu-title{
  font-weight: bold;
}
.menu-item{
  margin-bottom: 20px;
  background:#999999;  
  padding: 10px;
}
.menu-item h4 {
  font-weight: bold;
}
.menu-item p{
  font-weight:600;
  font-size: .9em;
  padding: 5px 10px;
}
@media (max-width:767px){
  .navbar-brand:focus, .navbar-brand{
    margin-left:10px;
  }
  .menu{
    width: 80%;
    margin-right:auto;
    margin-left:auto;
    margin-bottom: 15px;
  }
  .menu-item p{
    font-weight: 600;
    font-size: 1em;
    padding:5px 15px;
  }
}

/* Simple Responsive Framework. */
/*------ Desktop ------*/
	  @media (min-width: 992px){
  		.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    	float: left;  
  		}
  		.col-lg-1 {
    		width: 8.33%;
  		}
  		.col-lg-2 {
    		width: 16.66%;
  		}
  		.col-lg-3 {
    		width: 25%;
  		}
  		.col-lg-4 {
    		width: 33.33%;
  		}
  		.col-lg-5 {
    		width: 41.66%;
  		}
  		.col-lg-6 {
    		width: 50%;
  		}
  		.col-lg-7 {
    		width: 58.33%;
  		}
  		.col-lg-8 {
    		width: 66.66%;
  		}
  		.col-lg-9 {
    		width: 74.99%;
  		}
  		.col-lg-10 {
    		width: 83.33%;
  		}
  		.col-lg-11 {
    		width: 91.66%;
  		}
  		.col-lg-12 {
    		width: 100%;
  		}

	}


/*------ Tablet ------*/
	  @media (min-width: 768px) and (max-width: 991px) {
  		.col-lg-4 {
    		width: 50%;
    		float: left;
  		}
  		.col-lg-tablet {
   			width: 100%;
   			float: left;
 		}
	}


/*------ Mobile ------*/
	  @media (max-width: 767px){
  		.col-lg-4{
    		width: 100%;
    		float: left;
  		}
	}