@font-face {
  font-family: 'blissregular';
  src: url("/fonts/blissregular/bliss-regular-webfont.eot");
  src: url("/fonts/blissregular/bliss-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/blissregular/bliss-regular-webfont.svg#blissregular") format("svg"), url("/fonts/blissregular/bliss-regular-webfont.woff2") format("woff2"), url("/fonts/blissregular/bliss-regular-webfont.woff") format("woff"), url("/fonts/blissregular/bliss-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'blissmedium';
  src: url("/fonts/blissmedium/BlissProMedium.eot");
  src: url("/fonts/blissmedium/BlissProMedium.eot") format("embedded-opentype"), url("/fonts/blissmedium/BlissProMedium.woff2") format("woff2"), url("/fonts/blissmedium/BlissProMedium.woff") format("woff"), url("/fonts/blissmedium/BlissProMedium.ttf") format("truetype"), url("/fonts/blissmedium/BlissProMedium.svg#BlissProMedium") format("svg"); }
* {
  padding: 0;
  margin: 0;
  font-family: blissregular, calibri, arial, helvetica, sans-serif;
  text-decoration: none; }

html {
  width: 100%; }

body {
  padding-top: 45px;
  background: #e5e5e5 url("/img/background-body.svg") no-repeat scroll -22px top/100% auto; }
  @media (max-width: 1280px) {
    body {
      background-size: 1280px auto;
      background-position: right top; } }

header {
  height: 45px;
  background-color: #cf010c;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 6; }

.site-width {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 17px; }

.lang-switch {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  @media (max-width: 1264px) {
    .lang-switch {
      position: absolute;
      right: 62px; } }
  .lang-switch__item {
    line-height: 45px;
    color: #FFF;
    width: 50px;
    text-align: center;
    -webkit-transform: translate3d(41px, 0, 0);
            transform: translate3d(41px, 0, 0);
    display: none;
    background-color: #cf010c;
    -webkit-transition: background-color 100ms ease-in-out;
            transition: background-color 100ms ease-in-out; }
    .lang-switch__item--active {
      display: block;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .lang-switch__item :not(.lang-switch__item--active) {
      line-height: 50px; }
    .lang-switch__item:hover:not(.lang-switch__item--active) {
      background-color: #b6010b; }
  .lang-switch:hover .lang-switch__item {
    display: block; }

.flag {
  background: transparent url("/img/Twente_Flag.png") no-repeat scroll 100% center/contain;
  content: "";
  height: 75px;
  position: fixed;
  right: 12px;
  top: 5rem;
  -webkit-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s;
  width: 90px;
  z-index: 5;
  -webkit-transform-origin: 84px 0;
      -ms-transform-origin: 84px 0;
          transform-origin: 84px 0; }
  @media (max-width: 1280px) {
    .flag {
      display: none; } }

h1 {
  margin-top: 59px;
  color: #FFF;
  font-size: 2.8rem;
  font-weight: 100;
  text-transform: uppercase;
  -webkit-transition: all 200ms ease-in-out;
          transition: all 200ms ease-in-out; }
  @media (max-width: 700px) {
    h1 {
      margin-top: 16px; } }
  @media (max-width: 530px) {
    h1 {
      font-size: 7vw;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); } }

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-top: 32px; }
  @media (max-width: 1023px) {
    .grid {
      -webkit-flex-flow: column wrap;
          -ms-flex-flow: column wrap;
              flex-flow: column wrap; } }
  .grid__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 329px;
        -ms-flex: 1 1 329px;
            flex: 1 1 329px; }
    .grid__column--wide {
      -webkit-flex-basis: 824px;
          -ms-flex-preferred-size: 824px;
              flex-basis: 824px; }
      @media (max-width: 700px) {
        .grid__column--wide {
          margin-bottom: 10px; } }
    .grid__column--small {
      -webkit-flex-basis: 166px;
          -ms-flex-preferred-size: 166px;
              flex-basis: 166px; }
    .grid__column--quad {
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    @media (max-width: 1023px) {
      .grid__column--main {
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto; }
        .grid__column--main:not(.grid__column--wide) {
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap; } }
    @media (max-width: 700px) {
      .grid__column--main:not(.grid__column--wide) {
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; } }
  .grid__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 318px;
        -ms-flex: 1 1 318px;
            flex: 1 1 318px;
    max-height: 329px; }
    .grid__row--short {
      max-height: 165px; }
    @media (max-width: 700px) {
      .grid__row--mobile-wrap {
        max-height: 100%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto; }
        .grid__row--mobile-wrap .grid__column {
          max-height: 329px; }
          .grid__row--mobile-wrap .grid__column--small {
            -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            height: 329px;
            -webkit-flex-basis: 100%;
                -ms-flex-preferred-size: 100%;
                    flex-basis: 100%; } }
    @media (max-width: 480px) {
      .grid__row--mobile-wrap .grid__column--small {
        height: 155px; } }
  .grid__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 319px;
        -ms-flex: 1 1 319px;
            flex: 1 1 319px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    margin: 5px;
    max-height: 319px;
    background-size: cover;
    background-position: center; }
    @media (max-width: 700px) {
      .grid__item {
        min-height: 155px; } }
    @media (max-width: 480px) {
      .grid__item {
        max-height: 155px; } }
    .grid__item--wide {
      -webkit-flex-basis: 485px;
          -ms-flex-preferred-size: 485px;
              flex-basis: 485px; }
    @media (min-width: 701px) {
      .grid__item--short {
        max-height: 155px; } }
    .grid__item--video {
      position: relative; }
    .grid__item iframe {
      max-width: 100%; }
    .grid__item--video-overlay {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer;
      background-size: cover;
      background-position: center;
      z-index: 0; }
      .grid__item--video-overlay::after {
        display: block;
        height: 34px;
        width: 60px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        content: '';
        background: transparent url("/img/video_button.png") no-repeat scroll center center; }
    .grid__item a {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      .grid__item a.secondary h2 {
        background-color: #890213; }
      .grid__item a.tertiary h2 {
        background-color: #333; }
    .grid__item h2 {
      line-height: 36px;
      color: #FFF;
      text-align: center;
      text-transform: uppercase;
      background-color: #cf010c;
      font-size: 1.1rem;
      font-weight: 100;
      width: 100%; }
    .grid__item--text-only a {
      background-color: #cf010c;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .grid__item--text-only a.secondary {
        background-color: #890213; }
      .grid__item--text-only a.tertiary {
        background-color: #333; }
      .grid__item--text-only a h2 {
        padding: 0 24px;
        line-height: 24px; }
    .grid__item--quad {
      min-height: 72px;
      -webkit-flex-basis: calc(50% - 10px);
          -ms-flex-preferred-size: calc(50% - 10px);
              flex-basis: calc(50% - 10px); }
      .grid__item--quad a {
        color: #FFF;
        font-size: 2rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        min-height: 0; }
      .grid__item--quad-fb {
        background-color: #3B5999; }
      .grid__item--quad-tw {
        background-color: #29B2E4; }
      .grid__item--quad-li {
        background-color: #1783BC; }
      .grid__item--quad-yt {
        background-color: #E82A1B; }

/*# sourceMappingURL=style.css.map */