body {font-size: 16px; hyphens:auto;}
h1 {font-size: 40px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}

.mylogo    {width:220px;}
.myimage   {width:270px; margin-right:40px;}
.mynarrow  {width:680px;}
.myol      {padding-left:16px;}
.mylogo1   {height:160px;}

a {color:#6961fa;}
a:hover {color:#9999ff;}
ol {list-style-type:circle;}
ol.publication {list-style-type:none;}
li.publication{margin-top:0px; margin-bottom:16px; margin-left:-40px; line-height:130%;}
h3 {margin-top:40px; margin-bottom:20px;}
h4 {margin-top:40px; margin-bottom:20px;}

/* for mobile devices */

@media screen and (max-width: 600px){
    .content  {margin-left:10px; margin-right:6px; max-width:600px;}
    .mylogo   {width:120px;}
    .myimage  {width:180px; margin-right:20px;}
    .mynarrow {width:360px; font-size:1em; max-width:360px;}
    .myol     {font-size:1.8em; padding-left:16px;}
    .myol1    {padding-left:16px;}
    .mylogo1  {height:80px;}
    h1        {font-size:1.5em;}
    h2        {font-size:1.1em;}
    h3        {font-size:1.0em; margin-top:20px; margin-bottom:10px;}
    h4        {font-size:0.9em; margin-top:20px; margin-bottom:10px;}
    p         {font-size:0.6em;}
    li        {font-size:0.6em;}
    td        {font-size:0.6em;}
    br        {display: block; margin:0px;}
}