h1{
  color: #666666;
}
#rt-mainbody-surround{
  display: block;
  background-image: url(logob.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}
.portret{
  float: left;
  margin: 20px;
  border: 5px solid #FE8A00;
  border-radius: 100%;
  
}
@media (max-width: 767px) {
   .layout-mode-responsive .gf-menu-device-wrapper-sidemenu {
     background: #FE8A00;
   }
  .layout-mode-responsive .gf-menu-device-container {
    background: transparent;
  }
  .layout-mode-responsive .gf-menu {
    margin: 10px auto 0;
    border-top: 15px solid transparent;
  }
  .layout-mode-responsive .gf-menu {
	background: transparent url(../images/menu/tree-main.png) repeat-y !important;
  }
   .layout-mode-responsive .gf-menu > li:last-child {
    background: transparent url(../images/menu/tree-node-last.png) 0 -2px no-repeat;
  }
  .gf-menu .item {
    color: #666666;
}
}

@font-face {
    font-family: spacetolearn;
    src: url(SpaceToLearn.ttf);
}
.cirkel {
  width: 200px;
  height: 200px;
	border-radius: 100%;  
  text-align: center;
}
.rood{
  background-color: #e84e0e;
}
.blauw{
  background-color: #58b5b5;
}
.geel{
  background-color: #feca19;
}

.tekstcirkel{
  font-family: spacetolearn;
  color: #fff;
  font-size: 48px;
  padding-top: 90px;
}