@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Tablet Portrait */
}

@media only screen and (max-width: 767px) {
    /* mobile */
    
    .logo {width: 100%; margin-bottom:10px;}
    .tf_price {margin-bottom: 40px;}
    .wide { padding-top;40px;padding-bottom:40px;}
    body { font-size:85%;position:absolute;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* mobile landscape */
    body { position:absolute;}
}
.site-title {
    padding-left:10px;
    display:inline-block;
    line-height:1;
    vertical-align:-webkit-baseline-middle;
}
@media only screen and (max-width: 479px) {
    /* Mobile portrait */
    .site-title {
        font-size:130%;
        width:70vw;
    }
    .navbar-brand {
        font-size:100%;
    }
    .navbar-toggler-icon {
        height:.8em;width:.8em;
    }
    body { font-size:85%;position:absolute;width:100vw;}
    
}