@font-face {
		   font-family: tommie-soft-medium; 
		   src: url('/font/MADE_Tommy_Soft_Medium.otf');
		} 

		@font-face {
		   font-family: tommie-soft-regluar; 
		   src: url('/font/MADE_Tommy_Soft_Regular.otf');
		} 

		@font-face {
		   font-family: tommie-soft-light; 
		   src: url('/font/MADE_Tommy_Soft_Light.otf');
		} 






		*{
			font-family: "Nunito", sans-serif;
			line-height: 27px;
			font-size: 16px;
		}

		::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		  color: white;
		  opacity: 1; /* Firefox */
		}

		.font_medium{
			<!--font-family: tommie-soft-medium;-->
			font-family: "Nunito", sans-serif;
		}
	
		p{
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			color: black;
		}
		
		h1{
			font-size: 38px;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			}

		h2{
			font-size: 22px;
			line-height: 30px;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			color: black;
		}

		h3{
			font-size: 18px;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			}

		h4{
			font-size: 16px;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			}	
		
		h2,h3,h4,h5{
			color: #651036;
			font-weight: bold;
		}		
		a:hover{
			color: black;
		}
		

		.zoekbalk{
			width: 300px;

		}

		.zoekbalk_input{
			background-color: #651036;
			height: 30px;
			border-radius: 15px;
			width: 260px;
			padding-left: 15px;
			float: right;
			padding-top: 1px;
		}

		.zoekbalk_button{
			height: 30px;
			width: 30px;
			text-align: center;
			float: right;
			margin-left: 10px;
			cursor: pointer;
		}
		
		.zoekbalk_input input{
			border: none;
			height: 24px;
			background-color: #651036;
			color: white;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			}

		input:focus, textarea:focus, select:focus{
			outline: none;
		}

		.navbar ul{
			display: inline-block;
		}
		
		.navbar .nav-item{
			font-size: 1.2em;
			font-weight: bold;
			display: inline-block;
			
		}
		
			.navbar .nav-link{
				
				<!--font-family: tommie-soft-light;-->
				font-family: "Nunito", sans-serif;
				font-size: 16px;
				letter-spacing: 1px;
			}
			

			
			.navbar .nav-link:hover{
				color: #651036;
			}
	
			.nav-link-pill-back{
				<!--font-family: tommie-soft-light;-->
				font-family: "Nunito", sans-serif;
				background-color: #651036;
				color: white;
				font-size: 16px;
				letter-spacing: 1px;
				width: 30px; 
				text-align: center;
				height: 30px; 
				border-radius: 15px;
				display: inline-block;
				font-size: 0.8em;
				padding-top: 2px;
			}
			
			.nav-link-pill-back:hover{
				background-color: black;
			}
			
			.nav-link-pill{
				<!--font-family: tommie-soft-light;-->
				font-family: "Nunito", sans-serif;
				background-color: black;
				color: white;
				font-size: 16px;
				letter-spacing: 1px;
				height: 30px; 
				border-radius: 15px;
				display: inline-block;
				font-size: 0.8em;
			}
			
			.nav-link-pill:hover{
				color: white;
				background-color: #651036;
				text-decoration: none;
			}

	
		#navMobile{
			position: absolute; 
			top: 50px; 
			right: 0px; 
			min-width: 100vw;
			z-index: 99;
			padding: 12px 25px;
			background-color: #651036;
			color: white;
		}

		#navMobile ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.navMobile-item{
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0px;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			font-size: 16px;
			color: white;
			
		}
		
			.navMobile-link{
				color: white;
				padding: 0px;
			}
			
			.navMobile-link:hover{
				color: black;
			}
		
		.zoekbalk_input_mobile{
			background-color: white;
			height: 30px;
			border-radius: 15px;
			width: 260px;
			padding-left: 15px;
			float: right;
			padding-top: 1px;
		}

		.zoekbalk_input_mobile input{
			border: none;
			height: 24px;
			background-color: #651036;
			color: white;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
		}

		.zoekbalk_button_mobile{
			height: 30px;
			width: 30px;
			text-align: center;
			float: right;
			margin-left: 10px;
			cursor: pointer;
		}


		.activeLink{
			color: #651036;
		}
		
		.jumbotron{
			
			background-size: cover;
			background-position: center;
			height: calc(100vh - 150px);
			max-height: 600px;
			position: relative;
			border-radius: 0px;
		}
		
		.jumbotron-golf{
			position: absolute;
			left: 0px;
			top: 0px;
			height: 50%;
			max-height: 190px;
			width: 100%;
			background-image: url('/images/Woonik_Curve_Wit_3500p.png');
			background-size: 3500px;
			background-position: bottom center;
			background-repeat: no-repeat;
		}

		.jumbotron-golf-medium{
			position: absolute;
			left: 0px;
			top: 0px;
			height: 50%;
			max-height: 170px;
			width: 100%;
			background-image: url('/images/Woonik_Curve_Wit_3500p.png');
			background-size: 2500px;
			background-position: bottom center;
			background-repeat: no-repeat;
		}

		.jumbotron-golf-small{
			position: absolute;
			left: 0px;
			top: 0px;
			height: 50%;
			max-height: 140px;
			width: 100%;
			background-image: url('/images/Woonik_Curve_Wit_3500p.png');
			background-size: 1500px;
			background-position: bottom center;
			background-repeat: no-repeat;
		}
		
		.jumbotron-tekst{
			position: absolute;
			left: 10%;
			top: 40%;
			max-width: 300px;
			font-size: 60px;
			font-weight: bold;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
		}
		
		.jumbotron-logo{
			margin-top: 15px;
		}

		.jumbotron-logo img{
			width: 100%;
		}	
		
		.jumbotron-buttons{
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			text-align: center;

		}
		
		.jumbotron-btn-small{
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
			font-size: 1.15em;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			letter-spacing: 1px;
		}  

		.jumbotron-btn{
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			font-size: 1.15em;

			letter-spacing: 1px;
		} 

		.jumbo-overlay-text{
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			font-size: 1.15em;
			<!--font-family: tommie-soft-light;-->
			font-family: "Nunito", sans-serif;
			letter-spacing: 1px;		
			background-color: black;
			color: white;
			width: 90%;
			padding: 15px 35px;
			margin: 0 auto;
		}

		.bg-black{
			background-color: black;
			color: white;
		}

		.bg-primary{
			background-color: #651036;
			color: white;
		}

		.bg-black:hover{
			background-color: #651036;
			color: white;
			text-decoration: none;
		}

		.bg-primary:hover{
			background-color: black;
			color: white;
			text-decoration: none;
		}


		
		.contentHome{
			width: 100%;
			background-color: #f9eaf9;
			background-image: url('/images/Woonik_Curve_Wit_3500p.png');
			background-size: 3500px;
			background-position-x: center;
			background-position-y: -60px;
			background-repeat: no-repeat;
				
		}

		.content{
			width: 100%;
				
		}

		.contentBottom{
			margin-top: 50px;
			width: 100%;
			background-color: #f9eaf9;
			background-image: url('/images/Woonik_Curve_Wit_3500p.png');
			background-size: 3500px;
			background-position-x: center;
			background-position-y: -200px;
			background-repeat: no-repeat;
				
		}
		
		.card{
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 75px;
			
		}

		.leesmeer{
			border-radius: 20px;
			height: 30px;
			padding: 1px 18px 5px 18px;
			margin-top: 30px;
			width: 125px;
			text-align: center;
			font-size: 16px;
			<!--font-family: tommie-soft-medium;-->
			font-family: "Nunito", sans-serif;
			letter-spacing: 1px;
		}
		
		.logoFooter{
			background-color: #ef7a66;
			width: 70px;
			height: 70px;
			border-radius: 60px;
			background-image:  url("/images/logoWkort.png");
			background-size: 50px 50px;
			background-position: center;
			background-repeat: no-repeat;
		}

		.subFooterLink{
			color: black;
		}

		.subFooterLink:hover{
			color: #651036;
		}


		.footer{
			background-color: black;
			color: white;
			font-size: 16px;
			<!--font-family: tommie-soft-medium;-->
			font-family: "Nunito", sans-serif;
		}

		.footerLink{
			color: white;
			display: inline-block;
			margin-right: 10px;
			<!--font-family: tommie-soft-medium;-->
			font-family: "Nunito", sans-serif;
			}

		.footerLink:hover{
			color: #651036;
			text-decoration: none;
		}
		
		.footer_tekst{
			<!--font-family: tommie-soft-medium;-->
			font-family: "Nunito", sans-serif;
		}
		
		.appLink{
			display: inline-block;
			margin-right: 10px;
		}
		
		.socialLink{
			width: 35px;
			height: 35px;
			padding-top: 8px;
			border-radius: 20px;
			background-color: black;
			display: block;
			margin: 0px 5px;
			text-align: center;
		}

		.socialLink:hover{
			background-color: #651036;
		}

		.hoverBlack{
			background-color: #651036;
			color: white;
			text-decoration: none;		
		}

		.hoverBlack:hover{
			background-color: black!important;
			color: white;
			text-decoration: none;		
		}
		
		.inputText{
			border: 3px solid black; 
			background-color: white; 
			border-radius: 25px;			
		
		}