/*
 * Base styles
 */
html {overflow-y: scroll; -ms-overflow-style: auto}
body {min-height: 100%; background: #fff; color: #8a8a8a; font: 15px 'DINProRegular'}
body * {-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; text-overflow: ellipsis; list-style: none}

a {color: #8ea9cb; text-decoration: none; outline: none;}
b {font-family: 'DINProBold'; font-weight: normal;}
img {max-width: 100%;}
h1,
h2,
h3,
h4,
h5 {color: #2c3847; font-weight: normal; font-family: 'DINProLight';}

/* Disable scrollbar and scrolling */
.clip {overflow: hidden}

/* Make container extend to full height, even when containing floated elements. */
.clear:after {content: ''; clear: both; display: block}

/* For backend developers: mark elements as not finished (when integrating templates with backend). */
._placeholder {outline: 2px dashed rgba(255, 0, 255, .33) !important}