.mobile-bottom-bar{

position:fixed;
bottom:0;
left:0;

width:100%;

background:#111;

display:flex;
justify-content:space-around;
align-items:center;

padding:8px 0;

z-index:999999;

box-shadow:0 -2px 10px rgba(0,0,0,.3);

display:none;

}

.mobile-bottom-bar a{

flex:1;

display:flex;
flex-direction:column;

align-items:center;
justify-content:center;

color:#fff;
text-decoration:none;

font-size:18px;
font-weight:600;

}

.mobile-bottom-bar a span{

font-size:11px;
margin-top:3px;

}

.mobile-bottom-bar i{

background:#222;
border-radius:50%;

width:36px;
height:36px;

display:flex;
align-items:center;
justify-content:center;

margin-bottom:2px;

}

@media(max-width:768px){

.mobile-bottom-bar{
display:flex;
}

body{
padding-bottom:70px;
}

}