.navbar-default {
  background-color: #4b4b4b;
  border-color: #333333;
}
.navbar-default .navbar-brand {
  color: #dbdbdb;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #313131;
}
.navbar-default .navbar-text {
  color: #bababa;
}
.navbar-default .navbar-nav > li > a {
  color: #dbdbdb;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #7c7c7c;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #4b4b4b;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #dbdbdb;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #313131;
  background-color: #bababa;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #bababa;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #313131;
  background-color: #bababa;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #313131;
  background-color: #bababa;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #313131;
  background-color: #bababa;
}
.navbar-default .navbar-toggle {
  border-color: #bababa;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #bababa;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #dbdbdb;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #dbdbdb;
}
.navbar-default .navbar-link {
  color: #dbdbdb;
}
.navbar-default .navbar-link:hover {
  color: #313131;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #dbdbdb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #313131;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #313131;
    background-color: #bababa;
  }
}



.container {margin:0 auto;}
 
@media (max-width: 500px) {
.container {width:300px;}
.motto_font {
    padding-bottom: 20px;
    color: #00006d;
    font-family: 'KaushanScript-Regular';
    font-size: 10px;
    font-style: normal;
    text-align: right;
}
}

@media (max-width: 800px) and (min-width: 500px) {
.container {width:450px;}
.motto_font {
    padding-bottom: 20px;
    color: #00006d;
    font-family: 'KaushanScript-Regular';
    font-size: 14px;
    font-style: normal;
    text-align: right;
}
}

@media (max-width: 1000px) and (min-width: 800px) {
 .container {width:750px;}
 .motto_font {
    padding-bottom: 20px;
    color: #00006d;
    font-family: 'KaushanScript-Regular';
    font-size: 16px;
    font-style: normal;
    text-align: right;
}
}

@media (max-width: 1100px) and (min-width: 1000px) {
  .container {width:1050px;}
  .motto_font {
    padding-bottom: 20px;
    color: #00006d;
    font-family: 'KaushanScript-Regular';
    font-size: 18px;
    font-style: normal;
    text-align: right;
}

}

@media (min-width: 1100px) {
  .container {width:1050px;}
  .motto_font {
    padding-bottom: 20px;
    color: #00006d;
    font-family: 'KaushanScript-Regular';
    font-size: 18px;
    font-style: normal;
    text-align: right;
    }

}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #cacaca;
    vertical-align: middle;
}

.table{
    margin-bottom:0px;
}

