@import 'fonts/bebas/stylesheet.css';
@import 'fonts/proximanova/stylesheet.css';
@font-face {
  font-family: 'dakota';
  src: url('fonts/dakota.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'proximanova-bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;

  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
}

body, body * {
  display: flex;
  display: -webkit-flex;
  flex-flow: column;
  -webkit-flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

/* get the main to take up full screen by default */
html, body, #_motionapp {
  height: 100%;
}

body, #_motionapp {
  flex: 1;
}

#_motionapp {
  width: 100%;
}

/* both needed to match <main> or <other> in Main */
#_motionapp > .main, #_motionapp > viewmain {
  flex: 1;
}


/* Reset 2.0 */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    /* line-height: 1.4; */
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

div { display: block; }
b  { display: inline; }
big  { display: inline; }
i  { display: inline; }
u  { display: inline; }
small  { display: inline; }
tt  { display: inline; }
abbr { display: inline; }
acronym  { display: inline; }
cite  { display: inline; }
code  { display: inline; }
dfn  { display: inline; }
em  { display: inline; }
kbd  { display: inline; }
strong   { display: inline; }
samp   { display: inline; }
time   { display: inline; }
var   { display: inline; }
a   { display: inline; }
bdo  { display: inline; }
br   { display: inline; }
img   { display: inline; flex-shrink: 0 }
map   { display: inline; }
object   { display: inline; }
p { display: block; }
q   { display: inline; }
script  { display: inline; }
span   { display: inline; }
sub   { display: inline; }
sup   { display: inline; }
button   { display: inline-block; }
input   { display: inline; }
label  { display: inline; }
select, textarea { display: inline; }
script, html title { display: none; }
table { display: table; }
tr { display: table-row; }
td { display: table-cell; }
tbody { display: table-row-group; }
thead { display: table-header-group; }
tr { display: table-row; }
ul { display: block; }
li { display: list-item; }
style { display: none; }
script { display: none; }
meta { display: none; }
link { display: none; }