body{
       background-color: #000;
       background-image: url("images/bg.jpg");
       background-repeat: no-repeat;
       background-size: cover;
       background-position: 50% 0px;
       font-size: 16px;
       line-height: 30px;
     }

     .note{
      font-size: 2.3vh;
      line-height: 4vh;
      color: #fff;
      padding: 15px;
      padding-left: 50px;
      padding-right: 50px;
    }

    .note-1{
      font-size: 1.8vh;
      line-height: 3.5vh;
      color: #fff;
      padding: 15px;
      padding-left: 0px;
      padding-right: 0px;
    }

    @media (max-width: 768px) {
      .note {
        font-size: 1.7rem;
        line-height: 3.2rem;
        padding: 10px 20px;
        padding-left: 35px;
        padding-right: 35px;
      }
    }

    .topbg{
      background-image: url(images/topbg.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 50% 0px;
    }

    .col-sm-4 img{
     margin-bottom: 5%;
   }

   .copyright{
     font-size: 1.2vh;
     text-align: center;
     color: #eaeaea;
     line-height: 2em;
     padding: 10px;
   }


   .navbar{
    /*background-color: rgba(47,119,175,1);*/
    background-color: #1f1f29;
    border-width: 0px;
    font-size: 18px;
  }

  .navbar .navbar-nav>li>a{
    color: #FFF;
  }
  .navbar .navbar-nav>li{
    /*margin-right: -15px;*/
  }
  .navbar .navbar-header>a{
    color: #FFF;
    font-size: 19px;
  }
  .navbar .navbar-nav>li>a:hover{
    background-color: #ffc710;
    color: #000;
  }

  .navbar .navbar-toggle{
    border-color: #240300;
  }
  .navbar .navbar-toggle .icon-bar{
    background-color: #FFF;
    border-color: #240300;
  }
  .navbar .navbar-toggle:hover{
    background-color: #ffc710;

  }

  .mt20{
   margin-top: 20px;
 }

 .mb20{
   margin-bottom: 20px;
 }
 .bn{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 35px;
}