#footer{
    width: 100vw;
  height: 100px;
    background-color: red;
   /*  position:relative;
    display: flex;
    bottom: 0;
  clear: both;
  overflow: hidden; */

  }
.footer{
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
position: relative;
background-color: rgb(50, 50, 50);
 margin:auto auto 0;
 bottom: 0;
 padding: 1rem;
/* flex-direction: column;


 clear: both; */
}
.footer-container{
  width: 100%;
  max-width: 1280px;
  margin: auto auto 0;
  display: flex;
  flex-wrap: wrap;
/*   padding: .5 0 0; */
/*   position: relative; */

  justify-content: space-around;
 /*  background-color: rgb(188, 64, 64); */
 background-color: rgb(50, 50, 50);
z-index: 10;
}
.footer-box{
text-align:center;
background-color: rgb(50, 50, 50);
}

.footer img{
  width: 80px;
  margin: 0;
padding-top: 0;
border: 1px solid rgb(67, 67, 67);
border-radius: 5px;
}
.footer p{
padding: 5px 10px 0;
margin: 0;
  color: white;
  font-size: .9rem;

 }
.footer-container p:hover{
color:rgb(133, 183, 234);color:rgb(133, 183, 234);
 }
 .footer a{
  color: white;

 }
.footer-container a:hover{
color:rgb(133, 183, 234);
} 

@media screen and (max-width: 540px) {
  .footer {
position: relative;

}
  .footer p{
 padding: 0;
 font-size: .8rem;
}
  .footer img{
width: 70px;
}
}
.copy{
  text-align:left;

}
.copy a{
  text-align:left;

}