@font-face {
    font-family: "U001 Regular";
    src: url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.eot");
    src: url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/a77cb9f6a2fb55a91685d0dc22212b02.svg#U001 Regular")format("svg");
}
#header .logo,
#header a {
font-size: .85em;
line-height: 1.15em;

}
body,
#header .logo,
#header a {
font-family:  "U001 Regular";
	color: #000000;
font-weight: normal;
text-transform: initial;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
font-weight: normal;
text-transform: initial;

}
h2 {
  /*font-size: 2.9em;
  line-height: 1.1em;*/
}
h3 {
  /*font-size: 1.95em;*/
}
p {
  /*font-size: 1.6rem;
  line-height: 1.2;*/
}
/*li::before {
  content: "— ";
}*/
li {
  /*font-size: 1.6rem;*/
  /*line-height: 1.2;*/
  list-style: none;
}
ul {
  padding-left: 0;
}
ul li {
  padding-left: 0;
}
#header {
  height: auto;
  /*border-bottom: 1px solid;*/
  padding-top: .556rem;
  padding-bottom: .556rem;
  padding-left: 12px;
  padding-right: 12px;
  max-height: calc(100vh - 50px);
}

a.logo {
visibility: hidden;
color: white;
}
.logo::after {
  content: "Portail de La Cambre";
display: block;
width: 55%; 
visibility: visible;
  margin-top: -17px;

}
.logo::before {
  content: url('https://lacambre.be/assets/images/lacambre-logo-full.svg');
  margin-right: 10px;
  max-height: 10px;
margin-bottom: 14px;
display: block;
margin-bottom: 25px;
visibility: visible;
}
#header a:hover,
a:hover {
  color: #ee0002;

}
#nav {
padding-left: 12px;
padding-right: 12px;
border-left: 1px solid;
display: block !important;
}

#header a {
display: block;
padding: 0;
margin: 0;
height: 20px;
text-align: left;
}
#header .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
flex-direction: column;
max-width: 100%;
}

section .inner {
  width: 50%;

}
#main a {
  color: red;
  font-weight: normal;
}
@media only screen and (max-width: 1215px) {
.menu {
  display: none;
}
}
#main {
  padding: 7em 0 2em 0;
}
.clear {
        clear: both;
}
#footer {
  color: #dbdbdb !important;
  padding: 0em 0 0em 0;
  padding: 0em 0 0em 0;
  background: white;
  height: 40px;
  text-align: center;
}
#footer .copyright a {
  color: #f2a3a57d;
}