footer{
  background-color: var(--primary-color);

  display: flex;
  flex-direction: column;
  flex-wrap: wrap;

  color: white;

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

  padding-top: 40px;
  padding-bottom: 40px;

  min-height: 150px;

  margin:0px;
}

.footer-row{

  margin-top: 5px;
  margin-bottom: 5px;

  display: flex;
  flex-direction: row;

  align-items: center;

  flex-wrap: wrap;
}

.footer-element{
  text-align: center;

  padding-left:5px;
  padding-right: 5px;
}

.footer-separator{
  position:relative;

  margin-left:10px;
  margin-right: 10px;
  width: 0px;
  height:40px;
  border:1px solid white;
}

.social-media-element{
  overflow: hidden;
  width: 27px;
  height: 27px;
  position: relative;
  cursor: pointer;
}

.social-media-element:hover{
  opacity: 60%;
}

.footer-social-media-icon{
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.forced-row{
  display: flex;
  flex-direction: row !important;
  margin-bottom: 30px;
}


@media only screen and (min-width: 0px) and (max-width: 480px){

.footer-separator{
  display: none;
}

.footer-row{
  flex-direction: column;
}

footer{
  flex-direction: column;
}

}