html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -165px;
  /* Pad bottom by footer height */
  padding: 0 0 165px;
}


#footer-container
{
    width: 100%;
    padding: 0;
    background-color:var(--primary-color);
    color:#FFFFFF;
    margin-top:20px;
}

#footer-container a
{
    color:var(--secondary-color);   
    font-weight:bold;
}

/* Set the fixed height of the footer here */
footer.footer {
  height: 115px;
  background-color: var(--primary-color);
  border:none;
  position:relative;
}

p.footer-text {
    margin: 10px auto 0 auto;
    width: 100%;
    text-align: center;
    font-size: .9em;
    font-weight: 300;
}

footer .logo-brintex {
    height:80px;
}

@media screen and (max-width:768px)
{
    #wrap {
      margin: 0 auto -170px;
      padding: 0 0 170px;
    }

    footer.footer {
        height: 120px;
    }
}