@media (min-device-width: 862px) and (min-width:  862px) {

/**********************************************************************/
/** Basic Tag Properties **********************************************/
/**********************************************************************/

  html, body {
    font-size: 12pt;
  }

  h2 {
    font-size: 18pt;
  }

  h4 {
    font-size: 14pt;
  }

/**********************************************************************/
/** Basic Layout Classes **********************************************/
/**********************************************************************/

  .center {
    max-width: 820px;
  }

/**********************************************************************/
/** General Style Classes *********************************************/
/**********************************************************************/

  /* See website-mobile.css */

/**********************************************************************/
/** Header ************************************************************/
/**********************************************************************/

  .header {
    height: 100px;
  }

  .header-content {
    display: flex;
    flex: 1 1 auto;
  }

  .header .background {
    display: flex;
    flex-flow: row;
    align-items: center;
    max-width: 820px;
  }

  .header .background #information {
    height: 100px;
    min-width: 350px;
    text-align: left;
  }

  .header .background #profile {
    display: none;
  }

  .header .background h1 {
    font-size: 41px;
    height: 50px;
    margin: 14px 0px 0px 0px;
  }

  .header .background p {
    font-size: 10.5pt;
    margin: 0px 0px 0px 0px;
  }

  .column {
    display: inline-block;
  }

/**********************************************************************/
/** Menu **************************************************************/
/**********************************************************************/

  #menu {
    display: inline-block;
  }

  .menuitem {
    display: inline-block;
    font-size: 14pt;
    font-weight: 300;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
  }

  .menuitem:hover, .menuitem a:hover {
    color: #4fa053;
    text-decoration: underline;
  }

/**********************************************************************/
/** Footer ************************************************************/
/**********************************************************************/

  .footer .background p {
    font-size: 10pt;
    margin: 12px 10px 0px 0px;
  }

/**********************************************************************/
/** Body **************************************************************/
/**********************************************************************/

  /* See website-mobile.css */

/**********************************************************************/
/** About *************************************************************/
/**********************************************************************/

  #aboutblock {
    display: flex;
    flex-flow: row;
    min-height: 30px;
  }

  #objective {
    margin: 26px 0px 0px 0px;
  }

  #objective .link:hover, #background .link:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  .flower {
    font-size: 13pt;
  }

/**********************************************************************/
/** Profile ***********************************************************/
/**********************************************************************/

  #profileblock {
    display: block;
    margin: 20px 20px 0px 0px;
    font-size: 11pt;
  }

  #profileblock img {
    flex: none;
    align-self: center;
    width: 175px;
    height: 175px;
    border-radius: 10px;
  }

  #profileblock .fa {
    display: inline-block;
    color: #636363;
  }

  #profileblock a {
    display: inline-block;
    text-decoration: none;
    margin: 0px 5px 0px 5px;
    color: #636363;
  }

/**********************************************************************/
/** Publication (General) *********************************************/
/**********************************************************************/

  .publication img:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 3px #ddd;
    -moz-box-shadow: 0px 0px 5px 3px #ddd;
    box-shadow: 0px 0px 5px 3px #ddd;
  }

  .publication .title:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  .publication a:hover { 
    cursor: pointer;
    /* color: #B27300; */
    /* text-decoration: underline; */
  }

/**********************************************************************/
/** Publication (Featured) ********************************************/
/**********************************************************************/

  #publicationblock .publication {
    display: flex;
    flex: 1 1 350px;
    flex-flow: column;
    margin: 0px 15px 15px 0px;
    min-height: 60px;
    font-size: 9.2pt;
  }

  #publicationblock .publication img {
    flex: none;
    width: 100%;
    height: auto;
    margin: 5px 0px;
  }

  #publicationblock .venue {
    margin: 0px 10px 0px 0px;
  }
  
  #publicationblock .publication .icon,
  #publicationblock .publication .iconelement {
    margin: 0px 5px 0px 0px;
  }

  #publicationblock .publication .links {
    display: inline-block;
  }

  #publicationblock .publication .bib {
    display: none;
  }

/**********************************************************************/
/** Publication (List) ************************************************/
/**********************************************************************/

  #Publications .publication {
    display: flex;
    flex-flow: row;
    margin: 0px;
    padding: 5px 0px;
  }

  #Publications .publication img {
    flex: none;
    width: 176px;
    height: 88px;
    margin-top: 5px;
  }

  #Publications .publication .paper {
    padding: 0px 0px 0px 15px;
  }

  #Publications p {
    display: block;
  }

  #Publications .longTitle .paper .title,
  #Publications .longTitle .paper .authors,
  #Publications .longTitle .paper .long {
    display: inline;
  }

  #Publications .longAuthors .paper .authors,
  #Publications .longAuthors .paper .long {
    display: inline;
  }

  #Publications .publication .icon,
  #Publications .publication .iconelement {
    margin: 0px 5px 0px 0px;
  }

/**********************************************************************/
/** Publication (Citation) ********************************************/
/**********************************************************************/

  .citation .publication {
    display: flex;
    flex-flow: row;
    margin: 0px 0px 10px 0px;
    line-height: 15pt;
  }

  .citation .publication img {
    flex: none;
    width: 120px;
    height: 60px;
  }

  .citation .publication .paper {
    padding: 0px 0px 0px 15px;
  }

  .citation p {
    display: block;
  }

/**********************************************************************/
/** Paper Details *****************************************************/
/**********************************************************************/

  .paper-details h3 {
    display: inline-block;
  }

  .figure p {
    font-size: 10pt;
  }

  .materials a:hover {
    cursor: pointer;
    color: #B27300;
    text-decoration: underline;
  }

/**********************************************************************/
/** Resource (Button) *************************************************/
/**********************************************************************/

  #resourceblock {
    height: 40px;
    overflow: hidden;
  }

/**********************************************************************/
/** Resource (Full) ***************************************************/
/**********************************************************************/

  #Resources .resource {
    border: 1px #aaa solid;
    cursor: pointer;
    margin: 4px;
    width: 240px;
  }

  #resblock img {
    width: 240px;
    height: 120px;
  }

  #resblock .resource div {
    display: flex;
    flex-flow: column;
    flex: 1 1 auto;
  }

  #resblock .text {
    flex: 1 1 auto;
  }

  #resblock .date {
    font-size: 10pt;
  }

/**********************************************************************/
/** Conference Map ****************************************************/
/**********************************************************************/

  /* See website-mobile.css */

/**********************************************************************/
/** BibTeX Block ******************************************************/
/**********************************************************************/

  .bibtex pre {
    font-size: 10pt;
  }

}

/**********************************************************************/
/** Visibility ********************************************************/
/**********************************************************************/

  .big-only, .mobile-only {
    display: none !important;
  }

  .small-only {
    display: inherit !important;
  }

@media (min-width: 1210px) {

/**********************************************************************/
/** Basic Layout Classes **********************************************/
/**********************************************************************/

  .center {
    max-width: 1160px;
    min-width: 1160px;
  }

/**********************************************************************/
/** Header ************************************************************/
/**********************************************************************/


  .header .background {
    max-width: 1160px;
  }

/**********************************************************************/
/** About *************************************************************/
/**********************************************************************/

  #objective {
    margin: 20px 0px 0px 0px;
  }

/**********************************************************************/
/** Resource (Button) *************************************************/
/**********************************************************************/



/**********************************************************************/
/** Visibility ********************************************************/
/**********************************************************************/

  .small-only, .mobile-only {
    display: none !important;
  }

  .big-only {
    display: inherit !important;
  }

  #Publications .longTitle .paper .title,
  #Publications .longTitle .paper .authors,
  #Publications .longTitle .paper .long {
    display: block;
  }

  #Publications .longAuthors .paper .authors,
  #Publications .longAuthors .paper .long {
    display: block;
  }

}