html,


   body {

      background-color: #ffffff;
      color: #666666;
      padding-top: 60px;      
      font-style: Verdana;

    }


.btn {

  margin-top: 20px;
  margin-left: 30px;
}
 
    .fa {
      margin-left: 15px;

    }

    
    footer {
      color: #222222;
      background-color: #DCDCDC;
      text-decoration: none;
      border-color: #A9A9A9;
      border-style: solid;
      border-width: 1px;
      padding: 50px;
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
    }

    h3 {
      color:#ffffff;
      padding-bottom: 20px;
    }

    h2 {
     background-color: #DCDCDC;
     color: #666666;
     font-family: Garamond;
     padding-bottom: 10px;
     padding-top: 10px;
     border-style: solid;
     border-width: 1px;
     border-color: #A9A9A9;

    }



    
   .btn-primary {
     background-color: #666666;



   }
    
    .img-responsive {
      padding-top: 0px;

    }

    .icons {
      margin-bottom: 30px;

    }

    .map-container { 
      height: 20px
      padding: 0px 0px 0px 0px;

    }

    .navbar-brand {
      padding: 0px;
      color: #692121;
      font-size: 1.2em;

    }

    
    .nav li a {
      
      color:  #000000;
      margin-left: 10px;
    }


    .navbar-custom {
      color: #000000;
      background-color: #DCDCDC; opacity: 0.75; filter: alpha(opacity=50);
      border-color: #A9A9A9;
      font-family: Verdana;
      font-size: 1.4em;
      min-height: 80px;
      padding: 12px 30px 0px 40px;
      text-decoration: none;
      

    }

    .navbar-custom .navbar-toggle .icon-bar {
      background-color: #271b06;
    
    }

    .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #454545;
    
    }

    
    .navbar-custom .navbar-brand:hover, 
    .navbar-custom .navbar-brand:focus {
      background-color: transparent;
      color: #dda53a; 

    }



@media all and (max-width: 1200px) { /* screen size until 1200px */
    body {
        font-size: 1.5em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.5em; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 1.8em; /* 0.8x default size */
        }
    }


@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}