/*Use this for overriding bootstrap variables*/
/* Non-Bootstarp CSS variables */
/* Spacing */
/* Misc */
/* Mixins */
#features .layout-img {
  box-shadow: 0 0.15em 1rem rgba(97, 124, 142, 0.5); }
#features h3 {
  margin-top: 15px; }

#get-started .well {
  height: 100%; }

#cesium-viewer {
  background-color: navy;
  height: 80vh;
  width: 100%;
  position: relative; }
  #cesium-viewer iframe {
    width: 100%;
    height: 100%;
    border: none; }
  #cesium-viewer #cesium-viewer-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(36, 49, 58, 0.7);
    z-index: 3;
    color: #fff;
    text-align: center;
    cursor: pointer; }
    #cesium-viewer #cesium-viewer-overlay .overlay-instructions {
      position: absolute;
      top: calc(50% - 32px);
      left: calc(50% - 100px);
      width: 200px;
      text-align: center;
      font-size: 18px; }

#learn a h3, #learn a p {
  color: #2d3a42; }
#learn a .fa-arrow-circle-right {
  color: #2B87C4; }
#learn a :hover .fa-arrow-circle-right {
  color: #226a9a; }

#showcases .image-tile {
  background: #fff; }