.bold{
  font-weight: 600;
}
.number{
  text-align: right;
}
#menu{
  position: fixed;  /*Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%;
  z-index:1000;
  background-color:#dfeaf5 !important;
}
.precontent{
    margin-top:85px;
}
body {
    overflow-y: scroll;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif!important;
    background-image: url(/img/BG.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin:0px;
}
.header1{
    font-weight: 600;
    font-size: 3rem;
    color:white;
    padding:.7rem;
}

.header2{
    font-weight: 400;
    font-size: 2rem;
    font-style: italic;
    padding:.7rem;
    border-top-style: solid;
    border-color: #FAFBFB;
    border-width: 1px;
    color: #FAFBFB;
}
.text{
    font-weight: 400;
    font-size: 1rem;
    /*padding:.7rem;*/
}

.text-home{
    font-weight: 400;
    font-size: 1.5rem;
    color:white;
    padding:.7rem;
}

.div-container {
  display: flex;
  justify-content: center;
}
.center {
  width: 80%;
}

/*tbv sticky footer*/
/*main > .container {
    padding-top: 60px;
}*/
/* Logo's*/
#logos li {
    display: inline;
    width: 12%;
    float: left;
    text-align: center;
    z-index: 4;
    margin-bottom: 1em;
}

.logo {
    max-height: 3rem; /* Don't be taller than 3rem */
    max-width: 100%; /* CRITICAL: Never be wider than the container (12%) */
    height: auto; /* Calculate height automatically to keep aspect ratio */
    width: auto; /* Calculate width automatically */
    display: block; /* Helps with centering */
    margin: 0 auto; /* Centers the logo if it becomes smaller than the box */
}

.footer {
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #FAFBFB;
    padding-top:10px;
}

#foottext {
    /*float: left;*/
    clear: both; /* TOEGEVOEGD: Forceert de tekst naar onder de logo's */
    background-color: #FAFBFB;
    color: #939597;
    padding-bottom: 1em;
    font-size: 1rem;
    /*height: 2rem;*/
    width: 100%;
    text-align: center;
    font-weight: 300;
}

#intro {
    position: absolute;
    top: 20%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    color: #404041;
}
@media only screen and (max-width : 720px) and (orientation : landscape){
  body{
    font-size: 10px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 900px) and (min-width : 721px) and (orientation : landscape){
  body{
    font-size: 14px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) and (min-width : 901px) and (orientation : landscape){
  body{
    font-size: 14px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) and (min-width : 1025px) and (orientation : landscape){
  body{
    font-size: 16px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) and (min-width : 1281px) and (orientation : landscape){
  body{
    font-size: 17px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1899px) and (min-width : 1601px) and (orientation : landscape){
  body{
    font-size: 21px;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1900px) and (orientation : landscape){
  body{
    font-size: 24px;
  }
}
/* Specifiek logo 2 (Ringers), 4 (Jaap) en 7 (Bureau Schildwacht) groter maken */
#logos li:nth-child(2) .logo,
#logos li:nth-child(4) .logo,
#logos li:nth-child(7) .logo {
    transform: scale(1.5); /* Vergroot ze met 50% */
    transform-origin: center; /* Schaal vanuit het midden */
}