body {
}
.verticalLine {

    border-left: thick solid #00d839;
    padding-left: 15px;
}
.outer-flex {  
    width: 100%
}

/*blockquote {
    background: #f9f9f9;
    margin: .5em 10px;
    padding: 0 10px;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    
}

    blockquote:before {
        content: open-quote;
        font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
        display: inline;
        height: 0;
        line-height: 0;
        left: -10px;
        position: relative;
        top: 30px;
        color: #646464;
        font-size: 6em;
    }*/

.flex-container {
    display: flex;
    flex-flow: row wrap;
    /*justify-content:space-around;*/
}

    .flex-container > div {
        margin: auto;
        width: 49%;
        border: 2px solid #0c132e;
        padding: 8px;        
        height: 300px;
        padding: 18px;
    }

#fVC {
    overflow-y: scroll;    
    /*height:100%;*/
    margin: 10px;
    font-size: 18px;
}

.nav-justified {
    font-weight: 500;
    font-size: 15px;    
}

.lbl {
    background-color: white;
}
.outer {
    margin: auto;
    width: 100%;
    /*border: 4px solid #273c50;*/
    /*padding: 12px;*/
}

/*.outer, box, p, h2, h5, h3, ul, li {
    background-color: white;
}*/

/*#box {
    padding: 25px;    
}*/

.heading {
    /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
    font-weight: 900;
    font-family: Stencil;
}

p {
    justify-content: space-around;
}

.row > div >p {
    padding: 10px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: justify;   
}
tab-content{
    font-size:large;
}
@media (min-width: 100px) and (max-width: 300px) {
    .nav-justified {
        font-weight: 300;
        font-size: 12px;
    }

    .flex-container > div {
        margin: auto;
        width: 100%;
        border: 2px solid #0c132e;
        padding: 8px;
        height: 400px;
        padding: 18px;
    }
    #fVC {
        overflow-y: scroll;
        /*height:100%;*/
        margin: 10px;
        font-size: 12px;
    }
    .heading {
        font-weight: 600;
    }
}

@media (min-width: 300px) and (max-width: 768px) {
    .nav-justified {
        font-weight: 300;
        font-size: 16px;
    }

    .flex-container > div {
        margin: auto;
        width: 100%;
        border: 2px solid #0c132e;
        padding: 8px;
        height: 350px;
        padding: 18px;
    }

    #fVC {
        overflow-y: scroll;
        /*height:100%;*/
        margin: 10px;
        font-size: 16px;
    }

    .heading {
        font-weight: 600;
    }

}