body{
  /*background-color: #f1f1f1;*/
  background-color: white;
}
.logo.box {
  display : inline-block;
  margin : 15px 20px;
  position : relative;
  /*border-radius : 5px;*/
  /*border : solid 3px black;*/
  /*color : black;*/
  width : 310px;
  height : 120px;
  background-image : url('../../images/logo_03.png');
  background-repeat : no-repeat;
}


.nav.navbar-nav {
  margin-top : 50px;
  float : none;
}

.navbar-inverse {
  border-bottom: 75px solid rgb(0,120,173);
}

.nav.navbar-nav li {
  padding : 0px 30px;
}


.pre-scrollable {
  max-height: 220px;
  overflow-y: scroll;
}

.navbar-collapse {
  max-height : 220px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color : #333333;
}

.navbar-inverse .navbar-nav > li > a {
  color : rgb(0,120,173);
}


.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  /*color : rgb(18,161,255);*/
  background-color : rgb(0,120,173);
  border-radius : 5px;
}

.bottom_links {
    padding-top : 0px;
    padding-left : 250px;
    font-size : 12px;
}

.bottom_links > li > a:hover {
  background-color : white;
  color : rgb(155,215,255);
}

.navbar-inverse .navbar-toggle {
  border-color: hotpink;
}
.navbar-inverse{
  /*background-color: #f1f1f1;*/
  background-color: white;
}

/*button.navbar-toggle {*/
  /*margin-top : 33px;*/
/*}*/

.container.text-center.main_page {
  margin-top : 100px;
}

.page_title{
    margin-top : 200px;
    text-align : left;
}

.main_page_content p{
    text-align : left;
    margin-left : 20px;
}

.lower-100 {
  margin-top : 100px;
}

.lower-50 {
  margin-top : 50px;
}

p.lower-50.text-align {
  text-align : center;
  line-height: 180%;
}

.jumbotron {
  background-color : white;
}

@media (max-width: 767px) {
 .nav.navbar-nav {
  margin-top : 0px;
  }

  /*.logo.box {*/
    /*display : inline-block;*/
    /*margin : 7px 10px;*/
    /*position : relative;*/
    /*border-radius : 3px;*/
    /*border : solid 1px black;*/
    /*color : black;*/
    /*width : 50px;*/
    /*height : 50px;*/
  /*}*/

  .logo.p, .logo.s {
    float : left;
    font-size: 50px;
  }

  .logo.p {
    position : absolute;
    left : 4px;
    /*border : solid 1px grey;*/
  }

  .logo.s {
    position : absolute;
    left : 16px;
    /*border : solid 1px grey;*/
  }

  .title.logo.p, .title.logo.s {
    top : 13px;
  }

  button.navbar-toggle {
    margin-top : 25px;
  }

   .nav > li > a {
    padding-top : 10px !important;
    padding-bottom : 0px !important;
  }

  .container.text-center.main_page {
    margin-top : 50px;
  }

  .lower-100 {
    margin-top : 50px;
  }

  .lower-50 {
    margin-top : 25px;
  }

  p.lower-50.text-align {
    text-align : left;
  }

  h2 {
    font-size : 90%;
  }

  p.lower-50, .lower-50 > a, p.lower-50.text-align {
    font-size : 80%;
    line-height: 140%;
  }

}


@media (max-width: 450px) {

  h2 {
    font-size : 80%;
  }

  p.lower-50, .lower-50 > a, p.lower-50.text-align {
    font-size : 65%;
    line-height: 130%;
  }
  .jumbotron {
    padding-left : 0px;
    padding-right : 0px;
  }

}