/*
 * Visual
 */

 /* Desktop + base */

 .person{
		 padding-top:   15px;
		 margin-bottom: 40px;
 }

 .person h3{
		 margin-top: 10px !important;
 }
 /*.editInhoud p{
		 color: #4a4a4a;
 }*/

 .funda{
		 border-left: 1px solid #D1D1D1;
		 height:      266px;
 }

 .funda-cijfer{
		 width:        200px;
		 height:       200px;
		 margin-left:  40px;
		 margin-right: 40px;
		 float:        left;
		 position:     relative;
		 top:          50%;
		 transform:    translateY(-50%);
 }
 .canvas-wrapper{
		 width:  200px;
		 height: 200px;
		 margin: 0 auto;
 }

 .funda-box{
		 height:     200px;
		 width:      200px;
		 position:   absolute;
		 top:        0;
		 left:       0;
		 background: #eee;
	 border-radius: 50%;
	 border: 5px solid #62BAEA;
 }
 .funda-box span{
		 position:    absolute;
		 top:         50%;
		 left:        50%;
		 transform:   translate(-50%, -50%);
		 color:       #62BAEA;
		 font-weight: bold;
		 font-size:   75px;
 }
 .funda-box span small{
		 position:    relative;
		 top:         -30px;
		 font-size:   55%;
		 margin-left: 3px;
 }
 .funda-text{
		 position:  relative;
		 top:       50%;
		 transform: translateY(-50%);
 }

 .vacature{
		 border:  1px dashed #979797;
		 padding: 20px 40px;
 }
 /* Mobile */
@media screen and (max-width: 767px){
		.funda {
				border-left: none;
				height: 340px;
		}
		.funda-cijfer{
				transform: translate(15%,-90%);
		}
		.funda-text{
				margin-top:  40px;
		}
}

 /* Tablet */
 @media screen and (min-width: 768px) and (max-width: 991px){
		 .funda{
				 height: 400px;
		 }
		 .funda-text{
				 top:         unset;
				 transform:   unset;
				 margin-left: 30px;
		 }

		 .funda-cijfer{
				 transform: translateY(-105%);
		 }
 }

 /* Small desktop */
 @media screen and (min-width: 992px) and (max-width: 1390px){
		 .funda{
				 height:      350px;
		 }
		 .funda-cijfer {
				 transform: translateY(-100%);
		 }
		 .funda-text{
				 top:         unset;
				 transform:   unset;
				 margin-left: 30px;
		 }
 }

 /* Desktop */
 @media screen and (min-width: 1199px){
		 .person{
		 }
 }
