.navbar-custom, .dropdown-menu {
  background-color: #d2e5d2;
}

body, .body {
  background-color: #fcfcfc;
}

.btn-block {
  background-color: #eef6ee;
  color: black;
  margin-bottom: 15px;
}

.btn:hover {
    background-color: #eef6ee;
}

.navbar-brand {
  font-size: 1.0rem   !important;
  font-weight: normal !important;
  color: #737373      !important;
}

.navbar-brand:hover {
  color: darkslategray !important;
}

img[gridmap], map area {
    outline: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

h1, .h1 {
  font-size: 1.1rem;
  line-height: 2.25;
}

h2, .h2 {
  font-size: 1rem;
  line-height: 2.25;
}

hr, .hr { 
  margin-top: 0em;
}

ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

@media screen and (max-width: 534px) {
  body {
    padding-top: 90px;
    margin-left: 16px;
    margin-right: 16px;
	width: auto;
  }
	
  .img-fluid {
    max-width: 65%;
  }
	
}

@media screen and (min-width: 535px) {
 body {
    padding-top: 90px;
    margin-left: 16px;
    margin-right: 16px;
    width: 526px;
  }
	
  .img-fluid {
    max-width: 55%;
  }
	
}

@media screen and (min-width: 992px) {
  body {
    padding-top: 90px;
    margin-left: 125px;
    margin-right: 16px;
    width: 526px;
  }
	
  .img-fluid {
    max-width: 55%;
  }
	
}