@media only screen and (min-width:62.1em)
{
    .slide-header
    {
        min-height: 9em;
        height: 9em; /*for menu slide from top: make this equal to .slide-lbody translateY*/
        top:-9em;
    }

    .slide-content
    {
        padding-bottom: 0em; /*equals 30+height of .slide-header, 
            to allow for increase Height command to be shown*/
        top:-9em!important;
    }
    .slide-checkbox:checked ~ .slide-header,
    .slide-checkbox:checked ~ .slide-content
    {
        top:0!important;
    }
}

@media only screen and (max-width:62em) and (min-width:40em)
{
    .slide-header
    {
        min-height: 9em;
        height: 9em; /*for menu slide from top: make this equal to .slide-lbody translateY*/
        top:-9em;
    }

    .slide-content
    {
        padding: 0em; /*equals 30+height of .slide-header, 
            to allow for increase Height command to be shown*/
        top:-9em!important;
        
    }
    .slide-checkbox:checked ~ .slide-header,
    .slide-checkbox:checked ~ .slide-content
    {
        top:0!important;
    }
}

@media screen and (max-width:39.99em)
{
        .slide-header
    {
            font-size:0.8em;
        min-height: 10em;
        height: 10em; /*for menu slide from top: make this equal to .slide-lbody translateY*/
        top:-10em;
    }

    .slide-content
    {
        padding-bottom: 0em; /*equals 30+height of .slide-header, 
            to allow for increase Height command to be shown*/
        top:-8em!important;/**this equals .slide-header font-szie * height   */
        
    }
    .slide-checkbox:checked ~ .slide-header,
    .slide-checkbox:checked ~ .slide-content
    {
        top:0!important;
    }

    a.gobot{
        display:none;
    }
    .slide-header ul.menu li{
        height:2em;
        font-size:0.8em;
    }
    .slide-header ul.menu li a{
        text-align:left;
    }

}