/* because heading adds some to the top */
/* padding for each section */
/* size of publication entry as well as width of highlight entry */
/* padding between tot */
/* separation between timeline items (like CV or News) */
html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  -webkit-font-smoothing: subpixel-antialiased; }

body {
  font-family: "Open Sans", "Lato", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 11pt;
  color: #061c28;
  line-height: 190%;
  background-color: #FCFCFC;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  /* fix silly IE centering problem */
  /*border: 1px solid #f01;*/ }

p {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
  text-align: justify; }

p.fp:first-letter {
  font-size: 140%; }

a, #home a, #news a, #research a, #publications a, #publications div.download a, #cv a, #contact a {
  text-decoration: none;
  color: #FCFCFC;
  -webkit-transition: all .5s ease;
  /* Safari and Chrome */
  -moz-transition: all .5s ease;
  /* Firefox */
  -o-transition: all .5s ease;
  /* IE 9 */
  -ms-transition: all .5s ease;
  /* Opera */
  transition: all .5s ease; }
  a:visited, #home a:visited, #news a:visited, #research a:visited, #publications a:visited, #publications div.download a:visited, #cv a:visited, #contact a:visited {
    color: #FCFCFC; }
  a:active, #home a:active, #news a:active, #research a:active, #publications a:active, #publications div.download a:active, #cv a:active, #contact a:active {
    color: #061c28;
    background: #FCFCFC; }
  a:hover, #home a:hover, #news a:hover, #research a:hover, #publications a:hover, #publications div.download a:hover, #cv a:hover, #contact a:hover {
    color: #061c28;
    background: #FCFCFC; }

div.clear {
  clear: both; }

div.heading, #home div.heading, #news div.heading, #research div.heading, #publications div.heading, #cv div.heading, #contact div.heading {
  font-family: "Raleway", "Lato", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 56px;
  line-height: 160%;
  color: #061c28;
  text-align: center;
  margin-bottom: 60px; }

div.subheading, #home div.subheading {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: "Roboto", "Open Sans", "Lato", "Roboto";
  font-weight: 200;
  font-size: 20px;
  line-height: 130%;
  color: #061c28;
  text-align: center; }

div.left {
  float: left;
  width: 65%;
  padding-right: 5%; }

div.right {
  float: left;
  width: 30%; }

div.below {
  clear: both; }

#main {
  /* make sure everybody is centered */
  margin: auto;
  width: 100%;
  clear: both;
  text-align: left;
  /* fix silly IE centering problems */
  /*border: 1px solid #2fa; */ }

#navigator {
  position: fixed;
  padding: 0;
  width: 100%;
  z-index: 9;
  /* always on top */
  background: #082636;
  border-bottom: 1px solid #07202d; }
  #navigator ul {
    list-style: none;
    list-style-type: none;
    height: 48px;
    line-height: 24px;
    padding: 16px 0px 0px 0px;
    margin: 0 auto 0 auto; }
  #navigator li {
    display: inline-block;
    width: 100px;
    padding: 0;
    margin: 0; }
    #navigator li a, #navigator li #publications div.download a, #publications div.download #navigator li a {
      display: inline-block;
      width: 100px;
      padding: 0 0 0px 0;
      margin: 0;
      color: #FCFCFC;
      text-decoration: none;
      /* remove underline here */
      text-transform: lowercase; }
      #navigator li a span, #navigator li #publications div.download a span, #publications div.download #navigator li a span {
        /* display: none; */
        /* do not display text */
        font-size: 13px; }
    #navigator li a.home {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.home:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }
    #navigator li a.news {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.news:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }
    #navigator li a.research {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.research:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }
    #navigator li a.publications {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.publications:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }
    #navigator li a.cv {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.cv:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }
    #navigator li a.contact {
      color: #FCFCFC;
      border-bottom: 3px solid #082636; }
      #navigator li a.contact:hover {
        color: #FCFCFC;
        border-bottom: 3px solid #F40;
        background: inherit; }

@media screen and (max-width: 640px) {
  #navigator ul {
    height: 62.4px; } }
#home {
  background: #FCFCFC;
  background-position: center bottom;
  background-size: cover;
  min-height: 100vh;
  color: #061c28; }
  #home a, #home #publications div.download a, #publications div.download #home a {
    color: #061c28; }
    #home a:visited, #home #publications div.download a:visited, #publications div.download #home a:visited {
      color: #061c28; }
    #home a:active, #home #publications div.download a:active, #publications div.download #home a:active {
      color: #FCFCFC;
      background: #061c28; }
    #home a:hover, #home #publications div.download a:hover, #publications div.download #home a:hover {
      color: #FCFCFC;
      background: #061c28; }
  #home div.heading {
    color: #082636;
    margin-bottom: 30px;
    margin-top: 96px; }
  #home div.subheading {
    font-family: 'Raleway';
    margin-bottom: 80px;
    color: #061c28; }
  #home div.overlay {
    background: rgba(252, 252, 252, 0.6);
    z-index: 3;
    padding: 70px 8vw 85px 8vw;
    min-height: 100vh; }

#news {
  background: #F0F0F0;
  background-size: cover;
  background-position: center 60%;
  color: #061c28;
  padding: 0px;
  display: block; }
  #news a, #news #publications div.download a, #publications div.download #news a {
    color: #061c28; }
    #news a:visited, #news #publications div.download a:visited, #publications div.download #news a:visited {
      color: #061c28; }
    #news a:active, #news #publications div.download a:active, #publications div.download #news a:active {
      color: #FCFCFC;
      background: #082636; }
    #news a:hover, #news #publications div.download a:hover, #publications div.download #news a:hover {
      color: #FCFCFC;
      background: #082636; }
  #news div.heading {
    color: #F40; }
  #news div.overlay {
    background: #F0F0F0;
    z-index: 3;
    padding: 70px 8vw 85px 8vw; }
  #news div.newsarea {
    overflow-x: scroll;
    overflow-y: hidden;
    display: block;
    height: 29em;
    width: auto;
    padding: 0;
    margin: 0; }
  #news div.newsscrollbox {
    width: 202em;
    padding: 0;
    margin: 0; }
  #news div.news, #news div.newshighlight {
    float: left;
    width: 18em;
    height: 27em;
    padding: 0em;
    margin-right: 2em;
    background: #FCFCFC;
    color: #061c28;
    box-shadow: 3px 3px 12px #CCC; }
  #news div.news:nth-child(11), #news div.newshighlight:nth-child(11) {
    display: none; }
  #news div.news:nth-child(12), #news div.newshighlight:nth-child(12) {
    display: none; }
  #news div.news:nth-child(13), #news div.newshighlight:nth-child(13) {
    display: none; }
  #news div.news:nth-child(14), #news div.newshighlight:nth-child(14) {
    display: none; }
  #news div.news:nth-child(15), #news div.newshighlight:nth-child(15) {
    display: none; }
  #news div.news:nth-child(16), #news div.newshighlight:nth-child(16) {
    display: none; }
  #news div.news:nth-child(17), #news div.newshighlight:nth-child(17) {
    display: none; }
  #news div.news:nth-child(18), #news div.newshighlight:nth-child(18) {
    display: none; }
  #news div.news:nth-child(19), #news div.newshighlight:nth-child(19) {
    display: none; }
  #news div.news:nth-child(20), #news div.newshighlight:nth-child(20) {
    display: none; }
  #news div.news:nth-child(21), #news div.newshighlight:nth-child(21) {
    display: none; }
  #news div.news:nth-child(22), #news div.newshighlight:nth-child(22) {
    display: none; }
  #news div.news:nth-child(23), #news div.newshighlight:nth-child(23) {
    display: none; }
  #news div.news:nth-child(24), #news div.newshighlight:nth-child(24) {
    display: none; }
  #news div.news:nth-child(25), #news div.newshighlight:nth-child(25) {
    display: none; }
  #news div.news:nth-child(26), #news div.newshighlight:nth-child(26) {
    display: none; }
  #news div.news:nth-child(27), #news div.newshighlight:nth-child(27) {
    display: none; }
  #news div.news:nth-child(28), #news div.newshighlight:nth-child(28) {
    display: none; }
  #news div.news:nth-child(29), #news div.newshighlight:nth-child(29) {
    display: none; }
  #news div.newshighlight {
    background: #7c8b93; }
  #news div.newsthumbnail {
    color: #F0F0F0;
    text-align: right;
    padding-right: 2em;
    height: 9em;
    font-family: 'Raleway', Helvetica;
    background: #030f15;
    background-size: cover;
    background-position: center center;
    border-top: solid 0px #082636; }
    #news div.newsthumbnail .newsdate {
      overflow: hidden;
      position: relative;
      background: #F40;
      width: 2.5em;
      height: 2.5em;
      left: 13em;
      top: .5em;
      padding: 1em 1em;
      border-radius: 100%;
      line-height: 100%;
      text-align: center; }
      #news div.newsthumbnail .newsdate .month {
        font-weight: bold;
        display: block; }
      #news div.newsthumbnail .newsdate .year {
        display: block; }
  #news div.newsitem {
    display: block;
    margin-left: 2em;
    margin-right: 2em;
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    color: #061c28;
    hyphens: auto; }
    #news div.newsitem .newsheading {
      color: #F40;
      text-transform: uppercase;
      font-size: 120%;
      padding-bottom: .75em; }

#research {
  background: #FCFCFC;
  color: #FCFCFC;
  display: block;
  padding: 70px 0px 85px 0px;
  margin: 0px; }
  #research a, #research #publications div.download a, #publications div.download #research a {
    color: #FCFCFC; }
    #research a:visited, #research #publications div.download a:visited, #publications div.download #research a:visited {
      color: #FCFCFC; }
    #research a:active, #research #publications div.download a:active, #publications div.download #research a:active {
      color: #082636;
      background: #FCFCFC; }
    #research a:hover, #research #publications div.download a:hover, #publications div.download #research a:hover {
      color: #082636;
      background: #FCFCFC; }
  #research div.heading {
    color: #082636;
    padding-right: 8vw;
    padding-left: 8vw; }
  #research div.researchareas {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 6vw;
    display: table;
    border-collapse: separate;
    border-spacing: 2vw;
    color: #061c28;
    margin-bottom: 2vw; }
  #research div.area {
    display: table-cell;
    background: #F0F0F0;
    box-shadow: 3px 3px 12px #CCC; }
  #research div.area:nth-child(1) {
    border-left: none; }
  #research div.area:nth-child(4) {
    border-right: none; }
  #research div.areainner {
    margin: 0;
    padding: 0;
    width: calc( (100vw - 6vw - 2*8vw)/4 );
    background: #F0F0F0; }
  #research div.areaicon {
    display: block;
    text-align: center;
    padding-bottom: 10px; }
    #research div.areaicon svg {
      fill: #061c28; }
  #research div.areaimage {
    display: block;
    padding: 0;
    margin: 0;
    width: calc( (100vw - 6vw - 2*8vw)/4 );
    height: calc( (100vw - 6vw - 2*8vw)/4 ); }
    #research div.areaimage div.deepimagination {
      width: 100%;
      height: 100%;
      background: url(../pics/deepimagination.jpg) no-repeat;
      background-size: 100% 100%; }
    #research div.areaimage div.geometricvision {
      width: 100%;
      height: 100%;
      background: url(../pics/geometry_triangles.jpg) no-repeat;
      background-size: 100% 100%; }
    #research div.areaimage div.visualperception {
      width: 100%;
      height: 100%;
      background: url(../pics/eye.jpg) no-repeat;
      background-size: 100% 100%; }
    #research div.areaimage div.machinelearning {
      width: 100%;
      height: 100%;
      background: url(../pics/neurons.jpg) no-repeat;
      background-size: 100% 100%; }
  #research div.areatext {
    padding: 2vw 2vw 2vw 2vw; }
  #research div.areatitle {
    font-family: "Roboto", "Open Sans", "Lato", "Roboto";
    font-weight: 200;
    font-size: 20px;
    color: #F40;
    display: block;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 5px; }
  #research div.areadescription {
    display: block;
    padding-top: 10px; }
  #research svg.icon {
    width: 12vw;
    height: 12vw; }
  #research div#slideshow-container {
    overflow: hidden;
    padding-left: 8vw;
    margin: 0px auto; }
  #research div#slideshow {
    padding: 0 0 0 0;
    margin-left: 0pt;
    width: 84vw;
    height: 500px;
    background: #082636;
    -webkit-font-smoothing: antialiased;
    box-shadow: 3px 3px 12px #CCC; }
  #research div#slideshow img {
    display: block;
    width: 42vw;
    height: 500px;
    object-fit: cover;
    overflow: hidden; }
  #research div#slideshow .left_element {
    display: block;
    float: left;
    width: 50%;
    margin-right: 60px; }
  #research div#slideshow .right_element {
    display: block;
    color: #FCFCFC;
    padding-right: 60px;
    padding-top: 60px;
    font-size: 11pt; }
  #research div#slideshow .title {
    font-family: "Roboto", "Open Sans", "Lato", "Roboto";
    font-weight: 300;
    font-size: 14pt;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-right: 3px solid #F40; }
  #research div#slideshow .venue {
    font-weight: 300;
    font-size: 9pt;
    margin-bottom: 15px;
    font-style: italic; }
  #research div#slideshow .description {
    font-weight: 300; }

@media screen and (max-width: 1240px) {
  #research div.researchareas {
    display: inline-block;
    padding-left: 8vw;
    border-spacing: 0vw;
    padding-bottom: 2vw; }

  #research div.area {
    display: block;
    box-shadow: 3px 3px 12px #CCC;
    margin-bottom: 2vw; }

  #research div.areainner {
    width: 84vw;
    height: calc( (100vw - 8vw - 2*8vw)/4 );
    min-height: 200px;
    overflow: hidden; }

  #research div.areaimage {
    display: inline-block;
    min-height: 200px;
    min-width: 200px;
    float: left;
    margin-right: 2vw; }

  #research div.areatext {
    display: inline; }

  #research div.areatitle {
    text-align: left; }

  #research div#slideshow .left_element {
    float: none;
    width: 100%; }

  #research div#slideshow .right_element {
    float: none;
    margin-left: 60px; }

  #research div#slideshow img {
    width: 84vw; }

  #research div#slideshow {
    height: 875px; } }
@media screen and (max-width: 800px) {
  #research div#slideshow {
    height: 1000px; } }
@media screen and (max-width: 650px) {
  #research div#slideshow {
    height: 1100px; }

  #research div.areatext {
    padding: 5px 5px 5px 5px;
    line-height: 140%; }

  #research div.areatitle {
    font-size: 16px; }

  #research div.areadescription {
    padding-top: 0px;
    font-size: 8.8pt; }

  div.heading, #home div.heading, #news div.heading, #research div.heading, #publications div.heading, #cv div.heading, #contact div.heading {
    font-size: 44.8px; } }
@media screen and (max-width: 500px) {
  #research div.areaimage {
    display: none; }

  #research div.areainner {
    padding-left: 2vw;
    padding-right: 2vw;
    width: 80vw; }

  #research div#slideshow .description {
    line-height: 140%; }

  #research div#slideshow .right_element {
    display: block;
    color: #FCFCFC;
    padding-right: 30px;
    padding-top: 30px;
    margin-left: 30px;
    font-size: 10pt; } }
#publications {
  color: #061c28;
  background: #F0F0F0;
  padding: 70px 0px 85px 0px;
  display: block;
  width: auto;
  overflow: hidden; }
  #publications a, #publications div.download a {
    color: #061c28; }
    #publications a:visited, #publications div.download a:visited {
      color: #061c28; }
    #publications a:active, #publications div.download a:active {
      color: #061c28;
      background: #FCFCFC; }
    #publications a:hover, #publications div.download a:hover {
      color: #FCFCFC;
      background: #061c28; }
  #publications div.heading {
    color: #F40;
    margin-bottom: 0px; }
  #publications div.year {
    clear: both;
    margin-top: 10px;
    margin-right: 30%;
    margin-left: 30%;
    text-align: center;
    font-size: 150%;
    margin-bottom: 7pt; }
  #publications div.grid {
    margin: 0px 8vw 0px 8vw; }
  #publications div.cleargrid {
    clear: both;
    padding-top: 30px; }
  #publications div.entry {
    color: #061c28;
    background: #FCFCFC;
    overflow: hidden;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-top: 16px;
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: 3px 3px 12px #CCC;
    width: auto;
    height: 200px;
    z-index: 1;
    font-size: 12px;
    line-height: 160%; }
  #publications div.image {
    overflow: hidden;
    background: #fff;
    margin: 0px;
    position: absolute;
    z-index: 1; }
  #publications img.teaser {
    width: 200px;
    height: 200px;
    z-index: 0;
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -o-transition: all 1s ease;
    /* IE 9 */
    -ms-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease;
    overflow: hidden; }
  #publications div.entry:hover img.teaser {
    -webkit-transform: scale(1.05);
    /* Safari and Chrome */
    -moz-transform: scale(1.05);
    /* Firefox */
    -ms-transform: scale(1.05);
    /* IE 9 */
    -o-transform: scale(1.05);
    /* Opera */
    transform: scale(1.05); }
  #publications div.entry_right {
    position: relative;
    width: calc( 100% - 200px - 0vw - 50px );
    /* 390px; = width - 30 - 30 */
    height: 200px;
    top: 0px;
    left: 200px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    background: #FCFCFC;
    overflow: visible;
    font-size: 100%;
    z-index: 3;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }
  #publications div.tag {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: -200px;
    padding: 10px 15px;
    background: #F40;
    color: #FCFCFC; }
  #publications div.clearentry {
    clear: both; }
  #publications div.title {
    text-align: left;
    font-style: normal;
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-size: 13pt;
    line-height: 130%;
    margin-bottom: 7px; }
    #publications div.title div.titlesmall {
      font-size: 11pt; }
  #publications div.title::after {
    content: "";
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 3px;
    width: 75px;
    background: #F40;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }
  #publications div.author {
    text-align: left;
    font-style: italic; }
  #publications div.abstract {
    /* clear: left; */
    margin-top: 5px;
    margin-right: 5px;
    text-align: justify;
    font-style: normal;
    font-size: 90%;
    display: block; }
  #publications div.abstract::first-letter {
    font-size: 150%; }
  #publications div.datepages {
    text-align: left;
    font-style: normal;
    float: left; }
  #publications div.journal {
    text-align: left;
    font-style: normal; }
  #publications div.proceedings {
    text-align: left;
    font-style: normal; }
  #publications div.book {
    text-align: left;
    font-style: normal; }
  #publications div.software {
    text-align: left;
    font-style: normal; }
  #publications div.comment {
    text-align: left;
    font-style: normal; }
  #publications div.download {
    text-align: right;
    font-style: normal;
    float: right; }
    #publications div.download a {
      background: #F0F0F0;
      color: #061c28;
      border-radius: 3px;
      border: 2px solid #F0F0F0; }
      #publications div.download a:visited {
        color: #061c28; }
      #publications div.download a:active {
        color: #FCFCFC;
        background: #061c28;
        border-color: #061c28; }
      #publications div.download a:hover {
        color: #FCFCFC;
        background: #061c28;
        border-color: #061c28; }
  #publications button.moreinfo {
    display: none;
    text-align: right;
    font-style: normal;
    float: right;
    color: #FCFCFC;
    background: #082636;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #082636; }
  #publications div.button {
    text-align: center; }
  #publications .morebutton {
    background-color: #FCFCFC;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border: 2px solid #FCFCFC;
    display: inline-block;
    cursor: pointer;
    color: #061c28;
    padding: 15px 52px;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    /* Safari and Chrome */
    -moz-transition: all .5s ease;
    /* Firefox */
    -o-transition: all .5s ease;
    /* IE 9 */
    -ms-transition: all .5s ease;
    /* Opera */
    transition: all .5s ease; }
    #publications .morebutton:hover {
      color: #FCFCFC;
      background: #061c28; }

@media screen and (max-width: 750px) {
  #publications div.entry_right {
    width: calc( 100% - 0vw - 50px );
    left: 0px;
    z-index: 2; }

  #publications img.teaser {
    width: 1px;
    height: 1px; }

  #publications div.entry {
    height: auto;
    padding-bottom: 15px; }

  #publications div.entry_right {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto; } }
@media screen and (max-width: 500px) {
  #publications div.entry_right {
    font-size: 9pt; }

  #publications div.title {
    font-size: 11pt;
    line-height: 120%;
    margin-bottom: 2px; } }
#cv {
  clear: both;
  background: #FCFCFC url(../pics/typewriterL.jpg) no-repeat;
  background-position: 20% center;
  background-size: cover;
  color: #061c28;
  display: block;
  padding: 70px 5% 85px 45%;
  margin: 0px; }
  #cv #publications div.download a, #publications div.download #cv a, #cv a {
    color: #061c28; }
    #cv #publications div.download a:visited, #publications div.download #cv a:visited, #cv a:visited {
      color: #061c28; }
    #cv #publications div.download a:active, #publications div.download #cv a:active, #cv a:active {
      color: #FCFCFC;
      background: #082636; }
    #cv #publications div.download a:hover, #publications div.download #cv a:hover, #cv a:hover {
      color: #FCFCFC;
      background: #082636; }
  #cv div.heading {
    color: #082636;
    text-align: left; }
  #cv div.cvright {
    margin-left: 0px; }
  #cv div.cv {
    margin-top: 8px; }
  #cv div.cv {
    overflow: hidden;
    margin: 0;
    position: relative; }
    #cv div.cv div.cvdate {
      font-family: "Roboto", "Open Sans", "Lato", "Roboto";
      width: 120px;
      float: left;
      border-bottom: none;
      text-align: right;
      padding-right: 30px; }
    #cv div.cv div.cvitem {
      width: calc( 100% - 120px - 60px - 5px  );
      float: left;
      border-left: 2px #F40 solid;
      padding-left: 30px;
      padding-bottom: 22px; }
      #cv div.cv div.cvitem h4 {
        margin: 0;
        padding: 0;
        font-family: "Roboto", "Open Sans", "Lato", "Roboto";
        font-weight: 300; }
      #cv div.cv div.cvitem p {
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
        font-family: "Roboto", "Open Sans", "Lato", "Roboto";
        font-weight: 200;
        font-size: 10pt; }
      #cv div.cv div.cvitem:before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #F40;
        border: 2px solid #F40;
        position: absolute;
        left: 144px;
        top: 6px;
        border-radius: 100%; }

@media screen and (max-width: 930px) {
  #cv {
    padding: 70px 8vw 85px 8vw;
    background-position: right center; }

  #cv div.heading {
    text-align: center; } }
#contact {
  background: #082636;
  background-position: center middle;
  background-size: cover;
  color: #FCFCFC;
  padding: 70px 8vw 85px 8vw;
  margin: 0px; }
  #contact #publications div.download a, #publications div.download #contact a, #contact a {
    text-decoration: none;
    color: #FCFCFC; }
    #contact #publications div.download a:visited, #publications div.download #contact a:visited, #contact a:visited {
      color: #FCFCFC; }
    #contact #publications div.download a:active, #publications div.download #contact a:active, #contact a:active {
      color: #082636;
      background: #082636; }
    #contact #publications div.download a:hover, #publications div.download #contact a:hover, #contact a:hover {
      color: #082636;
      background: #082636; }
  #contact div.heading {
    color: #F40; }
  #contact div.contact {
    padding-top: 30px; }
  #contact div.contactleft {
    float: left;
    width: 50%; }
  #contact div.contactright {
    float: left;
    text-align: right;
    width: 50%; }
    #contact div.contactright a {
      text-decoration: none;
      color: #FCFCFC; }
      #contact div.contactright a:visited {
        color: #FCFCFC;
        background: transparent; }
      #contact div.contactright a:active {
        color: #FCFCFC;
        background: transparent; }
      #contact div.contactright a:hover {
        color: #FCFCFC;
        background: transparent; }
  #contact svg {
    fill: #FCFCFC;
    border: 0px;
    margin: 3px;
    /* make some space between them */
    -webkit-transition: all 1s ease;
    /* Safari and Chrome */
    -moz-transition: all 1s ease;
    /* Firefox */
    -o-transition: all 1s ease;
    /* IE 9 */
    -ms-transition: all 1s ease;
    /* Opera */
    transition: all 1s ease; }
    #contact svg:hover {
      fill: #F40;
      -webkit-transform: scale(1.15);
      /* Safari and Chrome */
      -moz-transform: scale(1.15);
      /* Firefox */
      -ms-transform: scale(1.15);
      /* IE 9 */
      -o-transform: scale(1.15);
      /* Opera */
      transform: scale(1.15); }

/* modal for publication additional info */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 10;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.8);
  /* dim background */ }

/* Modal Content/Box */
.modal-inner {
  background-color: #FCFCFC;
  margin: 10px auto;
  /* 10px from the top and centered */
  padding: 10px;
  /* Padding for closing button */
  border: 0px;
  width: 70%;
  /* Could be more or less, depending on screen size */ }

/* Below the closing x */
.modal-content {
  padding: 100px; }

/* The Close Button */
.close {
  color: #061c28;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #666;
  text-decoration: none;
  cursor: pointer; }

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