@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;
}