/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = less than 320px widht
*/
@media (max-width: 319px) {
  
    /* html, body {
                background-color: greenyellow;
    } */
    .title {
        font-size: 4em;
    }
    .menu{
        padding-bottom: 1em;
    }
    .menu li {
        display: table-row;
        height: 2em;
    }
    figure{  
        overflow: hidden;
        margin-right: 0.5em;
        margin-left: 0.5em;
    }
    .homeimages
    {
        text-align: center;
    }
    .homeimage_landscape{
        height: 130px;
        padding: 5px;
    }  
    .content {
        width: 100%;
    }  
    .about_me{
        text-align:center;
        width:100%;
    }
    .aboutimages{
        text-align: center;
        width: 10em;
    }
    .example-image
    {
        height: auto;
        width: 150px;
    }
  }