@media screen and (max-width: 640px),  screen and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){


    .bullrush-slash {
        width:3.5em;
    }
    .bullrush-backslash {
        width:3.5em;
    }
    .bullrush-vertical {
        width:3.5em;
    }


    .bullrush-crowd {
        margin-left: -2em;
    }

    .bullrush-crowd-little {
        margin-left: -0.1em;
    }



    .hide-on-mobile {
        display:none;
    }


    .white-logo {
        display: block;
        width: 100%;
        padding-bottom: 30px;
    }



    .top-box {
        padding-top:10px;
    }
    .title {
        padding: 10px 0px 0px 0px;
    }

    h1 {
        font-size:1.6rem;
    }
    .fb-avatar {

        text-align: center;
    }
    .fb-avatar img {
        width:100px;
    }
}