@font-face {
  font-family: 'DIN Next LT Pro';
  src: url('fonts/DINNextLTPro-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINNextLTPro-Regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/DINNextLTPro-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DINNextLTPro-Regular.svg#4259aa35ace4c12937b753d1ff841883') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'DIN Next LT Pro Heavy';
  src: url('fonts/DINNextLTPro-Heavy.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINNextLTPro-Heavy.woff') format('woff'), /* Modern Browsers */
       url('fonts/DINNextLTPro-Heavy.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DINNextLTPro-Heavy.svg#a57957f6bf5c846a56b9f16334a2a9f0') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'DIN Next LT Pro Medium';
  src: url('fonts/DINNextLTPro-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/DINNextLTPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DINNextLTPro-Medium.woff') format('woff'), /* Modern Browsers */
       url('fonts/DINNextLTPro-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DINNextLTPro-Medium.svg#145835dcece21fdb071fe84cdfccac46') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}



a{
  color: #0a0a0a;
}

a:hover{
  color: rgb(78, 78, 78)
}

code{
  font-family: 'DIN Next LT Pro';
  border: none;
  padding: 0;
  background-color: #fff;
}

body,html{
    height:100%;
    width:100%;
    font-family: 'DIN Next LT Pro';
}

h1 {
  font-family: 'DIN Next LT Pro Heavy';
  margin-bottom: 4rem;
}

h2 {
  font-family: 'DIN Next LT Pro Medium';
  margin-bottom: 2rem;
}

figure{
  margin: 0
}



.page,.off-canvas-wrapper,.off-canvas-wrapper-inner,.off-canvas-content{
    min-height:100%;
}

.title-bar{
  background-color: #fff;
  padding-top: 50px;
  margin-bottom: 10px;
}

#logo{
  margin-right: 50px;
}


.off-canvas-content{
  min-height: 80%
}

#offCanvas{
  padding-top: 50px;
  padding-bottom: 50px;
}

#content{
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.off-canvas{
  background-color: #fff;
}