/* VARIABLES */
/* SIZES */
* {
  box-sizing: border-box; }

html, body {
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  color: #3d3c3c; }
  html section.ncc, body section.ncc {
    width: 100%;
    height: 100%;
    background-image: url("../img/map_bg.png");
    background-size: cover;
    background-position: 50% 50%; }
    html section.ncc h3, body section.ncc h3 {
      position: absolute;
      top: 2.5rem;
      max-width: 10rem;
      font-weight: 300;
      text-transform: uppercase;
      color: #3d3c3c;
      z-index: 10; }
    html section.ncc .button, html section.ncc .button:focus, html section.ncc .button:hover, body section.ncc .button, body section.ncc .button:focus, body section.ncc .button:hover {
      position: absolute;
      top: 18rem;
      background-color: #3b9273;
      z-index: 10; }
    html section.ncc p, body section.ncc p {
      margin-bottom: 0; }
    html section.ncc .map-wrapper, body section.ncc .map-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }

.infobox {
  min-width: 450px;
  padding: 12px 10px 10px;
  font-size: 0.7778rem;
  text-transform: uppercase; }
  .infobox h4 {
    margin-bottom: 0.5rem;
    font-size: 0.7778rem;
    font-weight: 700; }
  .infobox img {
    display: block; }
  .infobox img.flag {
    border: 1px solid #f1f1f1; }