/*GENERIC*/
html, body{
  width:100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
@font-face {
    font-family: 'humblle';
    src:
         url('../fonts/humblle_rought_caps-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wwfregular';
    src: url('../fonts/wwf-webfont.woff2') format('woff2'),
         url('../fonts/wwf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#map{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cursor{
  cursor: pointer !important;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbing {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.disabled{
  pointer-events: none;
}

#map canvas{
    width: 100% !important;
    height: 100% !important;
}

.background{
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url('../images/intro/background.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

/*MEDIA QUERIES*/
@media (min-width: 1400px) {

}
@media (min-width: 1600px) {

}
@media (min-width: 1800px) {

}
@media (min-width: 2000px) {

}
@media (min-width: 2200px) {

}
@media (max-width: 990px) {

}
@media (max-width: 770px) {

}
@media (max-width: 650px) {

}
@media (max-width: 500px) {

}
@media (max-width: 400px) {

}