@media screen and (max-width:550px) {


    *{
      font-size: 13px;
    }

    /*******************************************************************************
     MAIN ELEMENTS
    *******************************************************************************/

    html{
      padding:10px;
    }
    body{
    }
    div,p,span,a,i,ul,ol,li{
    }
    p,div{
    }
    a{
    }
    a:hover{
    }
    a.button{
    }
    ul{
    }
    li{
    }
    li:not(:last-child) {
    }
    u{
    }
    b{
    }

    /*******************************************************************************
     STRUCTURE OF THE LAYOUT
     Header
     About
     Working papers, etc
    *******************************************************************************/

    body{
      display:block; /* stack content in one column */
    }
    header{
      display:block;
    }
    /* Show the photo first and full width on mobile */
    .sectionleft{
      display:block;
      margin-bottom:16px; /* spacing below the photo */
    }
    .photo{ width:100%; }
    .photo .mainpic{ width:100%; height:auto; }
    .sectionright{
      display:block;
      padding-left:0px;
      padding-top:15px;
      margin-bottom:25px;
    }
   
    /*******************************************************************************
     HEADER
    *******************************************************************************/

    .title{
    }
    .subtitle{
    }

    /*******************************************************************************
     MAIN CONTENT
    *******************************************************************************/

    .section{
    }
    h1{
    }
    h2{
    }
    .subsection{
    }

    /*******************************************************************************
     OTHER COMMANDS
    *******************************************************************************/

    .hidden{
    }
    paper{
    }
    journal{
    }
    alert{
    }
    color{
    }
    red{
    }
    .abstract{
    }

}