/* Robot - Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer
{
     display: block;
    /*background-color: var( --colour1 );*/
    padding: 40px 0;
    background-image: url('../img/banner-bg.jpg');
	background-size: cover;
	border-bottom: solid 2px #222;
}

@media( min-width: 992px )
{
        #footer
        {
            display: grid;
        }
}

#footer h3
{
	color: #252525;
}

#footer p
{
	color: #ccc;
}

#footer .workspace
{
        width: 100%;
}

#footer-inner
{
        padding: 20px;
        justify-content: center;
}

.footer-element
{
        display: grid;
        justify-content: center;
        align-content: start;
        grid-gap : 8px;

}

.footer-element i, .footer-element svg
{
        justify-self: center;
	  color: #dccb83 !important;
	  font-size: 30px;
	  border: solid 2px;
	  padding: 16px;
	  border-radius: 20px;
	  margin-bottom: 8px;
}

.footer-element h2
{
	justify-self: center;
  color: #fff !important;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.footer-element p
{
	justify-self: center;
  color: #a4a4a4 !important;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}

.footer-socials
{
        display: grid;
        grid-gap: 24px;
        justify-content: center;
        align-content: center;
        margin-bottom: 32px;
}

.footer-socials a
{
        color: #111;
        grid-row: 1;
        font-size: 19px;
        background: #fff;
        border-radius: 64px;
        align-self: center;
        width: 32px;
        height: 32px;
        justify-content: center;
        align-content: center;
        display: grid;	
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#bottom-bar
{
        display: grid;
        grid-row: 2;
        grid-column: 1 / span 3;
        background-color: #111;


        filter: saturate(130%);
        
        justify-content: center;
        padding: 18px 0;
}

#bottom-bar p
{
        color: #fff;
        text-decoration: none;
}

#bottom-bar a
{
        color: #fff;
        text-decoration: none;
}