﻿.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: 14%;
    float: left;
    text-align: center;
    z-index: 4;
    margin-bottom: 1em;
}

.logo {
    height: 3rem;
}

.footer {
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
    height: 3rem;
    background-color: #FAFBFB;
    padding-top:10px;
}

#foottext {
    /*float: left;*/
    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;
  }
}