#content {
        padding-top:93px;
    }
    .container-fluid{
        padding:0;
    }
    .btn,.btn-group,.card{
        border-radius:0;
    }
    .div-box{
        height:300px;
        width:300px;
        text-align:center;
        color:white;
    }
    footer,header .breadcrumb{
        padding-right:15px !important;
        padding-left:15px !important;
    }
    .vl {
        border-left: 1px solid #dee2e6;
        display:inline-block;
        height:40px;
        margin:0 8px;
        vertical-align:middle;
    }
    #main-content{
        padding: 0 120px;
    }
    @media (max-width:768px){
        #main-content{
            padding: 0;
            margin: 0;
        }
        .col-sm-3,.col-sm-6 {
            max-width: 100vw;
            flex: 0 0 100%;
            word-wrap: break-word;
            margin-bottom: .5rem;
        }
        .btn.btn-outline-light, .vl{
            margin-top: .5rem;
        }
        h2, .display-4{
            font-size:2rem;
        }
        p{
            word-wrap: break-word;
        }
    }