html, body {
    height: 100%;
    color:#000000;
    background-color: #ffffff;
}
.full-height {
    height: 100%;
}
.content-area {
    background: green;
    color: white;
}
.sub-text{
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
}
.article-tree {
    background: blue;
    color: white;
}
.container-height {
    margin: 0 auto;
    min-height: 88%;
    height: auto;
}
.div-vertical-center{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
* {
    border-radius: 0 !important;
}
.info-mg-top {
    margin-top:20px;
}
.btn-mg-top {
    margin-top:20px;
}
@media (max-width:767px) {
    .info-mg-top {
       margin-top: 15px !important 
   }
    .btn-mg-top {
       margin-top: 15px !important 
   }
}
@media (min-width:768px) {
    .info-mg-top {
       margin-top: 15px !important 
   }
    .btn-mg-top {
       margin-top: 25px !important 
   }
}
@media (max-width:578px) {
   .extra-pl-small-scr{
       padding-left: 25px !important;
   }
}