.site-inner{
    margin: 4% 0;
}
h1.entry-title{
   text-align: center;
}
h2{
  margin: 15px 0 0 0;
  font-size: 35px;
  font-size: 3.5rem;
}
p{
font-size: 14px;
margin-bottom: 15px;
}
.klantenportaal{
   width: 40%;
   margin: 0 auto;
}
.message{
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   color: #41bf0c;
}
.warning-message{
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   color: red;
}
label{
   color: #000;
}
input[type=checkbox] {
  position: relative!important;
  width: auto!important;
  margin-right: 10px;
}
button.btn-help{
   display: block;
   float: right;
   padding: 2px 4px;

   background-color: transparent;
   border-color: transparent;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: right;
   height: 25px;
   width: 25px;
}
.home .klantenportaal input,
.home .klantenportaal label{
   font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
   .klantenportaal{
        width: 60%;
   }
}
@media screen and (max-width: 425px) {
   .klantenportaal{
        width: 90%;
   }
}

.modal {
text-align: center;
}

@media screen and (min-width: 768px) {
.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}
}

.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}

.modal .list-group-item{
   width:50%;
   float:left;
}