@charset "utf-8";
/* Reset universal margins and paddings */
* {
  margin: 0 10px 0 0;
  border: 0;
  padding: 0;
}

/* Font face */
@font-face {
  font-family: 'GeosansLight';
  src: url(../fonts/GeosansLight/GeosansLight.ttf) format('truetype');
}

/* Body base styles */
body {
  font-family: GeosansLight, sans-serif;
  font-weight: 200;
  color: #3C3C3C;
  text-align: left;
}

/* Logo */
#logo, .logo {
  margin: 20pt 0 0 20pt;
  font-family: GeosansLight, sans-serif;
  font-size: 54px;
  font-weight: 100;
  letter-spacing: -4px;
  color: #CCC;
  text-align: left;
}

/* Responsive logo: center on smaller screens */
@media screen and (max-width: 768px) {
  #logo, .logo {
    margin: 20pt auto 0 auto;
    text-align: center;
  }
}

/* Flags */
.flags {
  text-align: center;
  width: 100%;
  margin-bottom: 30pt;
}

/* Text container */
.text {
  display: inline-block;
  width: 90%;
  margin: 0 40pt 25pt 40pt;
  color: gray;
  font-weight: 200;
  font-family: GeosansLight, sans-serif;
  font-size: 16px; /* restored original text size */
}

/* Increase text size on small screens */
@media screen and (max-width: 600px) {
  .text {
    font-size: 20px;
  }
}

/* Flags font size */
@media screen and (max-width: 600px) {
  .flags {
    font-size: 20px;
  }
}

@media screen and (min-width: 600px) {
  .flags {
    font-size: 14px;
  }
}

/* Navigation container */
#navigation {
  padding: 30pt 0 25pt 40pt;
  width: 200px;
  float: left;
  text-align: left;
}

/* Navigation menu */
.navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.navigation li {
  margin: 8px 0;
}

/* Responsive navigation: center on smaller screens */
@media screen and (max-width: 768px) {
  #navigation {
    float: none;
    width: 100%;
    padding: 20pt 0 20pt 0;
    text-align: center;
  }
  .navigation ul {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
  }
  .navigation li {
    display: block;
    margin: 12px 0;
  }
}

/* Links */
a {
  font-family: GeosansLight, sans-serif;
  font-size: 14pt;
  color: gray;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #603;
}

/* Remove bullets */
ul li {
  list-style-type: none;
}

/* Blueberry slider styles */
.blueberry {
  max-width: 500px;
  float: left;
  margin: 0 0 0 50pt;
}