html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

html, body {

}

body {
  background-color: #f9f9f9;
  color: #0e1626;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
  height: 100%;
  margin: 0;
  line-height: 1.42857143;
  padding: 0;
}



a {
  color: #a32918;
}

a:hover,
a:focus {
  color: #60180e;
}


a.nav {
  color: #5a646d;
  transition: color .175s cubic-bezier(.4,0,.2,1);
}

a.nav:hover,
a.nav:focus {
  color: #000000;
}

footer {
  background-color: #8ed0d8;
  font-size: 12px;
  margin: 2.79em 0 0 0;
  padding: 1.79em 0 0 1.79em;
}

nav {
  background-color: #c7e8c7;
  color: #698092;
  padding: 0.79em;
}

main {
  max-width: 600px;
  padding: 0 0.79em 0 0.79em;
}

textarea, input {
  width: 100%;
}



#app-name{
  color: #0e1626;
}

#map {
  background-color: #cee0ee;
  width: 100%; /*  100vw; */
  height: 79vmin;
}




.active, .lang-active {
  font-weight: bold;
}

.spacer-top {
  margin-top: 1.79em;
}

.plusminus{
  width: 34%;
}



/* TODO +/
.error404{
  background: url('../img/nowhere-island.png') no-repeat center center fixed;
  background-size: cover;
}