/** Cowboy template mobile fixes **/

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

    // Display photo only on screens > 950px

    #cowboyPhoto {

        display: none;

    }

}

@media only screen and (max-width: 42em) {

    #cowboyPhoto {

        display: none;

    }

    // Create a smaller logo

    #cowboyHeader #cowboyLogo {

        font-size: 3em;

    }

    // Display a smaller menu on small devices

    #cowboyMenu ul li {

        margin: 0 0.1em 0;

    }

    #cowboyMenu ul li a {

        padding: 0 .5em;
        line-height: 1.5;
        margin-top: 1.5em;

    }

    // Fix a bug on the breadcrumbs

    #dokuwiki__header div.breadcrumbs {

        margin-bottom: 0;

    }

}