#c-title,#breadcrumbs{
    display:none;
}
#pp-hero .jumbotron {
    color: #fff;
    font-weight: 700;
    background-color: #000;
    border-radius: 5px;
    padding: 50px 50px;   
}
.jumbotron img{
    width:300px;
}

/***** LEGEND *****/
.legend-01 {
    padding: 25px;
}


.legend-01 ul {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-bottom: 0px !important;
}


.legend-01 .table-legend td {
    font-weight: 700;
    margin: 2px;
    padding: 5px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    cursor: pointer;
}

@media (min-width: 768px) {
  .legend-01 .table-legend td {
    width: 49%;
}
}

.table-legend td.blank {
    transform: none;
    border: 0px;
    box-shadow: none;
}

.table-legend td.blank:hover {
    transform: none;
    border: 0px;
    box-shadow: none;
}

.table-main td a, .legend-01 td a {
    color: #000;
    display: block; 
    width: 100%; 
    height: 100%; 
}

.table-main td a:hover, .legend-01 td a:hover{
    color: #000;
}

/***** PERIODIC TABLE *****/
.table-main {
    border-collapse: separate;
    padding: 25px;
}

.table-main td {
    width: 56px;
    height: 60px;
    min-width: 56px;
    min-height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    position: relative;
}

.table-main td:hover {
    transform: scale(1.75);
        z-index: 1000;
        border: 1px solid rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.table-main .empty:hover {
    box-shadow: none;
    transform: none;
}

.table-main .empty {
    border: none;
    box-shadow: none;
    cursor: default;
}

.table-main td.blank {
    border: 0px;
    transform: none;
    box-shadow: none;
}

.table-main td.blank:hover {
    border: 0px;
    transform: none;
    box-shadow: none;
}


.deactivate {
    opacity: 0.5;
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
}

.grp-0 {
    background: #fff;
    /*white*/
}

.grp-1 {
    background: #f3f300;
    /*yellow*/
}

.grp-2 {
    background: #ff8181;
    /*red*/
}

.grp-3 {
    background: #dddddd;
    /*gray*/
}

.grp-4 {
    background: #3bd93b;
    /*green*/
}

.grp-5 {
    background: #ffcbcb;
    /*pink*/
}

.grp-6 {
    background: #caa3d9;
    /*purple*/
}

.grp-7 {
    background: #4caffa;
    /*blue*/
}


.grp-8 {
    background: #ee9305;
    /*orange*/
}


.index {
    font-size: 8pt;
    position: absolute;
    top: 1px;
    right: 1px;

}

.initials {
    font-size: 8pt;
    font-weight: 600;
    position: absolute;
    top: 0px;
    left: 1px;
}

.name {
    font-size: 5.5pt;
    position: absolute;
    top: 17px;
    left: 1px;
    line-height: 8px;
}

.subnote {
    position: absolute;
    top: 33px;
    left: 1px;
    font-size: 3pt;
}

.date {
    position: absolute;
    font-size: 5pt;
    left: 1px;
    bottom: 1px;
    line-height: 7px;
    font-style: italic;
}

.bhm-body-after ul {
  list-style-position: outside;
  padding-left: 15px;
}

/***** CATEGORY PAGES *****/
.tbl-bhm-cat td {
    padding: 15px;
    vertical-align: top;
}

.tbl-bhm-cat a {
    color: rgba(0, 90, 148, 1);
}

.bhmcat1 {
    width: 5%;
    font-size: 1.5em;
}

.bhmcat2 {
    width: 10%;
    font-size: 1.5em;
}

.bhmcat3 {
    width: 85%;
}

/***** PERIODIC TABLE - BODY - AFTER *****/
.row-article {
    padding: 25px;
    vertical-align: middle;
}

.row-article h2 {
    font-size: 1.25rem;
}

.mbl-grp-0 {
    background: #fff;
    /*white*/
}

.mbl-grp-1 {
    background: #f3f300;
    /*yellow*/
}

.mbl-grp-2 {
    background: #ff8181;
    /*red*/
}

.mbl-grp-3 {
    background: #dddddd;
    /*gray*/
}

.mbl-grp-4 {
    background: #3bd93b;
    /*green*/
}

.mbl-grp-5 {
    background: #ffcbcb;
    /*pink*/
}

.mbl-grp-6 {
    background: #caa3d9;
    /*purple*/
}

.mbl-grp-7 {
    background: #4caffa;
    /*blue*/
}


.mbl-grp-8 {
    background: #ee9305;
    /*orange*/
}