.fa-atom::before {
	font-family: "Font Awesome 5 Free";
	content: "\F344";
	margin-right: 10px;
	font-weight: 900;
}

/* +-----------------------------------+
   +            GRID-GAP               +  
   +-----------------------------------+ */
@supports (display:grid) {
    .site-grid {
        grid-gap: 0 0.5em;
        /*grid-gap: 0 1em;*/
        display: grid;
        grid-template-areas: ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ".
 comp comp comp comp ." " . side-r side-r side-r side-r ." " . side-l side-l side-l side-l ." " . bot-a bot-a bot-a bot-a ."
 ". bot-b bot-b bot-b bot-b .";
        grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0,
                1fr) [full-end]
    }
  
  .container-component {
    margin-top: 15px;
    border: None;
}