.bg1{ background-color:#ff0000; } 
.bg2{ background-color:#00ff00; } 

* { font-family: Verdana; }
h2 { color:#ff2800; }
h4 { color:#ff2800; }

.navbar { background-color:#337ab7 !important; }
.navbar-brand { color:#ffffff !important; font-weight: bold; }
.nav a { color:#ffffff !important; }
.icon-bar { background-color:#ffffff !important }

.clickable {
    cursor: pointer;
}

.page_container { margin-left:auto; margin-right:auto; }

/* xs */
@media (max-width: 767px) {
  .page_container {
    width: 100%;
  }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  .page_container {
    width: 738px;
  }
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  .page_container {
    width: 962px;
  }
}
/* lg */
@media (min-width: 1200px) {
  .page_container {
    width: 1170px;
  }
}

body {
    position: relative;
    }
    
.inner-area { 
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    }
    
.lower-area { 
    padding-bottom:15px;
    }