@import url(https://fonts.googleapis.com/css?family=Raleway:500,800);
body, html { padding: 0; margin: 0; height: 100%; width: 100%; }

.wrapper { height: auto !important; height: 100%; margin: 0 auto; overflow: hidden; box-sizing: border-box; }

.bg { position: absolute; min-height: 100% !important; width: 100%; z-index: 0; }

.ibg-bg { position: absolute; }

body { color: #fff; background: #D0021B url("img/bg.jpg") no-repeat; background-size: cover; font-family: 'Raleway', sans-serif; font-weight: 500; }

a { color: #fff; }

header { margin-left: 16px; padding-top: 20px; padding-bottom: 50px; position: relative; }

.data { margin-left: 16px; position: relative; }

h1 { font-size: 32px; margin: 0; font-weight: 800; }

h2 { font-weight: 500; font-size: 16px; margin: 0; }

.portfolio { margin-bottom: 2em; display: inline-block; }

ul, li { margin: 0; padding: 0 0 0.6em 0; list-style-type: none; }

@media (min-width: 768px) { body { font-size: 18px; }
  h1 { font-size: 48px; margin-bottom: 8px; }
  h2 { font-size: 24px; }
  header { padding: 10px 0 14px 26px; border-left: 8px solid #fff; margin-bottom: 100px; margin-top: 5%; margin-left: 13%; }
  .data { margin-left: 13%; }
  .portfolio { font-size: 24px; } }