@media only screen and (min-width: 240px) and (max-width:320px)
                       ,
                       (min-width: 320px) and (max-width:480px)
                       ,
                       (min-width: 480px) and (max-width:768px)
{
    
}

@media only print    {  /* Custom print stylesheet overrides */
    section.App {
        position: relative;
    }
    .App .headbar
    ,
    .App .sidebar
    ,
    #no-print, #x {
        display: none;
    }
    .App .mainbar {
        position: relative;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f4f5f8;
        padding: 50px;
    }
    .App .mainbar .trailer {
        display: none;
    }
    
}