/* Mobile View */
@media screen and (max-width: 45rem){

#bottom_wrapper{
grid-area:bottom;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
background:var(--bottom-bgr-300);
text-align:center;
}

#bottom{
float:left;
width:100%;
margin:.25rem 0;
padding:0;
}

#bottom p{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--bottom-clr-300);
}

}


/* Mobile View > Tablet only */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

#bottom_wrapper{
grid-area:bottom;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
background:var(--bottom-bgr-300);
text-align:center;
}

#bottom{
float:left;
width:100%;
margin:.25rem 0;
padding:0;
}

#bottom p{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--bottom-clr-300);
}

}



/* Desktop View */
@media screen and (min-width: 79.5rem){

#bottom_wrapper{
grid-area:bottom;
float:left;
width:100%;
margin:0;
padding:.5rem 0;
background:var(--bottom-bgr-300);
text-align:center;
}

#bottom{
float:left;
width:100%;
margin:.25rem 0;
padding:0;
}

#bottom p{
margin:0;
padding:0;
font-size:var(--fs-xs);
color:var(--bottom-clr-300);
}

}