@import url('https://fonts.googleapis.com/css?family=Anton|Archivo+Narrow|Oswald|Open+Sans');

body{
    background-color: #F8F8F8;
    padding-bottom: 400px;
}

html, .main {
    height: 100%;
}

h1{
    font-size: 24px;
    font-family: 'Oswald', sans-serif;
}

h2{
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

h3{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #29313D;
}

h4{
    font-size: 18px;
    font-family: 'Archivo Narrow', sans-serif;
}

h5{
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
}

h6{
    font-size: 14px;
    font-family: 'Archivo Narrow', sans-serif;
}

p{
    font-size: 16px;
    font-family: 'Archivo Narrow', sans-serif;
    color: #666;
}
.wrapper{
    min-height: auto; 
    
}
.main-navbar{
    width: 230px;
    height: 100%;
    background-color: #222222;
    position: fixed;
    float: left;
}

.logo-brand{
  width: 200px;
  margin: 100px 0px 30px 0px;
}

.logo-brand img{
  width: 100%;
}

.current{
    margin-top: 60px;  
}

.content{
    width: 100%;
    float: right;
    padding: 50px 50px 0px 300px;
    min-height: 100px;
    margin-bottom: 20px;
}

.content p{
    font-size: 16px;
    margin-bottom: 30px;
    width: 70%;
}

.content li{
    font-size: 16px;
    margin-bottom: 10px;
    color: #666;
    font-family: 'Archivo Narrow', sans-serif;
}

.navbar-fixed-left {
  width: 230px;
  position:fixed;
  border-radius: 0;
  height: 100%;
  background-color: #222222;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 230px; 
}

.navbar-fixed-left + .container {
  padding-left: 230px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 250px;
}

p,
ul {
  margin: 0;
  padding: 0;
}

#nav {
  list-style: none;
  top: 50px;
  
}
#nav li {
  margin-bottom: 6px;
  border-bottom: 1px solid #595959;
}
#nav a {
  color: #FFF;
  display: block;
  font-size: 15px;
  padding: 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Archivo Narrow', sans-serif;
  transition: 0.3s;
}
#nav a:hover {
  color: #FFC428;
}
#nav .current a {
  color: #FFF
}

.brand{
    height: 120px;
}



/* ==========================================================================
   #MEDIA QUERIES - RESPONSIVE
   ========================================================================== */
@media (max-width: 991px) {
.content p{
    width: 100%;
}
    
.content{
        padding-right: 0px;
    }
}