/* Smartphones (landscape and portrait) ----------- */
@media screen and (max-width: 768px) {

    * {
        max-width: 460px;
    }

    body {
        font-size: large;
    }

    .container {
       padding:10px;
    }

    div.vtimelineToggle {
       float:none;
    }

    .vtimelineEvent div.media {
        display:none;
        float:none;
    }

    .vtimelineMinor dt {
       font-size:1.2em;
       white-space: normal;
    }

    .vtimelineMinor dd h3 {
       font-size:1em;
       white-space: normal;
    }

    div#vtimelineContainer {
    }

    .vtimelineMinor dd {
        margin-left:20px;
        padding-left:0;
        width:100%;
    }

    .vtimelineEvent .media p {
       font-size:1em;
    }

    dl.vtimelineMinor {
       float:none;
       max-width:80%;
    }

    .vtimelineEvent p {
       float:none;
       width:100%;
    }

    .vtimelineEvent blockquote {
       float:none;
       width:200px;
       font-size:1em;
    }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

    * {
        max-width: 300px;
    }

}