.bg-light{
  background-color: #ffffff !important;
}

.navbar{
  width: 100%;
  height: auto !important;
}

.nav-item{
  padding-right: 20px !important;
}

.nav-link{
  color: #ffffff !important;
}

.btn-info{
  background-color: #23AFD1 !important;
  border-color: #23AFD1 !important;
  border-radius: 50px;
}

.banner{
  background-image: url(../images/banner1.jpg);
  background-position: bottom;
  background-size: cover;
  width: 100%;
  height: 450px;
}

.bannerwidth{
  width: 80%;
}

.bannertekst{
  text-align: center;
  color: #ffffff;
  position: relative;
  top: 75%;
  transform: translateY(-50%);
}

.container-fluid{
  width: 80% !important;
}

.btn-primary{
  background-color: #23AFD1 !important;
  border-color: #23AFD1 !important;
  border-radius: 50px;
}

main{
  margin-top: 20px;
  width: 100%;
  height: 100%;
}

.left-colom{
  float: left;
  width: 70%;
  height: 100%;
}

.right-colom{
  float: right;
  width: 30%;
  height: 100%;
}

.nieuws{
  padding-right: 20px;
}

.card{
  margin-top: 20px;
}

.algemeen{
  padding-right: 20px;
}

.bekkenfysiotherapie{
  padding-right: 20px;
}

.img-overmij{
  float: left;
  width: 20%;
  border: 5px solid #23AFD1;

  border-radius: 50px 50px;
}

.p-overmij{
  float: right;
  width: 80%;
  padding-left: 20px;
  padding-right: 20px;
}

.card-body{
    display: inline-block;
}
.cardimg-1{
  float: left;
  width: 30%;
}

.cardtext-1{
  float: right;
  width: 70%;
  padding-left: 10px;
}

.maps{
  height: 400px;
}

footer p{
  display: inline-block;
    margin-top: 1%;
}

.footer {
  clear: both;
  margin-bottom: 0;
  text-align: center;
}

/* Mobile phones */
@media (max-width: 575.99px) {

  .navicon{
    display: inline;
  }

  .navbar-toggler{
    float: right;
  }

  .nav-item{
    margin-top: 5px !important;
    padding-right: 0px !important;
  }

  .bannertekst{
    text-align: center;
    color: #ffffff;
    position: relative;
    top: 60%;
    transform: translateY(-50%);
  }

  .container-fluid{
    width: 100% !important;
  }

  .cardimg-1{
    float: none;
    width: 100%;
  }

  .cardtext-1{
    float: none;
    width: 100%;
    padding-top: 10px;
  }

  .nieuws{
    padding-right: 0px;
  }

  .img-overmij{
    float: none;
    width: 50%;
    margin-bottom: 20px;
}

.p-overmij{
  float: none;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}
  .maps{
    height: 0px !important;
  }

  .left-colom{
    float: none;
    width: 100%
  }

  .right-colom{
    margin-top: 10px;
    float: none;
    width: 100%;
  }

  footer p{
    display: inline-block;
      margin-top: 0%;
  }

  .footer {
    clear: both;
    margin-bottom: 0;
    text-align: center;
  }

}

/* Tablets */
@media (max-width: 991.99px) {

  .nav-item{
    margin-top: 5px !important;
    padding-right: 0px !important;
  }

  div.navicon{
    display: inline;
    width: 100%;

  }

  .navbar-toggler{
    float: right;
    margin-top: 20px;
  }

    .container-fluid{
      width: 100% !important;
    }

    .cardimg-1{
      float: none;
      width: 100%;
    }

    .cardtext-1{
      float: none;
      width: 100%;
      padding-top: 10px;
    }

    .nieuws{
      padding-right: 0px;
    }

    .left-colom{
      float: none;
      width: 100%
    }

    .right-colom{
      margin-top: 10px;
      float: none;
      width: 100%;
    }
}