@media only screen and (max-width: 700px) {
    body {
        font-size: 10px;
    }
}
@media only screen and (max-width: 412px) {
    .container{
        padding-right: 5px;
        padding-left: 5px;
    }
    .starter-template {
        padding-right: 5px;
        padding-left: 5px;
    }
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 350px) {
    body {
        font-size: 8px;
    }
}