@font-face {
  font-family: RobotoL;
  src: url('Roboto-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback
}

@font-face {
  font-family: RobotoB;
  src: url('Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback
}

@font-face {
  font-family: RobotoR;
  src: url('Roboto-Regular.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback
}

* { margin: 0: padding: 0 }
html { height: 100% }
body { /*background: url(background.jpg) no-repeat fixed center; background-size: cover; */ background: #f3f3f3; display: flex; align-items: center; justify-content: center; text-align: center; font-family: RobotoL, sans-serif; font-size: 1em; color: #000 }
h1  { text-transform: uppercase; font-size: 1.25em }
h1.headLine { display: none }
h1.headLine2 { Text-align: center }
h2 { border-radius: 5px; font-family: RobotoB, sans-serif; font-size: 1em; font-weight: bold; color: #000; text-transform: uppercase; margin: 40px 10px 10px 10px }
h3 { margin: 20px 10px 10px 10px }
h3, h4, strong { font-family: RobotoR, sans-serif; font-weight: bold }
h4 { margin: 10px 10px 10px 10px }
p  { margin: 10px }
a  { text-decoration: none; color: #85343a; width: 100% }

#container { background: #f7f7f7; border: 10px solid #fff; display: block; width: 90%; margin: 0 5% }
.logo { max-width: 150px; margin: 10% auto }
.logo img { max-width: 100% }

#concept { margin: 0 0 10% 0 }
#concept.content { text-align: left }

#generalFoot { background: #fff }
.navFooter { padding: 1% 2% }
.navFooter ul { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; margin: 0; padding: 0 }
.navFooter li { margin-left: 0; list-style: none }
.navFooter a { font-family: RobotoB, sans-serif; font-weight: bold }
.navFooter a:hover { text-decoration: underline }

@media screen and (min-width: 590px) {
  #container { margin: 50px 5%; width: 75% }
}

@media screen and (min-width: 790px) {
  #container { margin: 50px 5%; width: 50% }
}

@media screen and (min-width: 1590px) {
  #container { width: 30% }
}

logo red #85343a
green #2e472b