/*----------------home------------------*/
		*{
			margin: 0;
			padding: 0;
			
		}

		body{
		font-family: "Hind", sans-serif;
		font-size: 18px;
		min-height: 100vh;
		}

		/*----------------header------------------*/
		header{
		height:600px;
		width:100%;
		background-image:url(images/overzicht-shovels-homepage.jpg) ;
		background-size:cover;
		overflow:hidden;
		background-position:center}

		header h1{
		font-weight:600;
		color:#ffffff;
		position:relative;
		font-size:60px;
		margin:250px auto 0 auto;
		max-width:820px;
		width:100%
		}


		/*----------------short-info------------------*/
		#short-info{
		width:97%;
		min-height:350px;
		display:block;
		}

		#short-info #short-info-placeholder{
		width:100%;
		max-width:800px;
		margin:0 auto
		}

		#short-info #short-info-placeholder h2{
		color:#3A3A35;
		font-size:35px;
		margin:30px auto;
		max-width:1000px;
		width:100%;
		display:inline-block;
		text-align:center
		}
		#short-info-placeholder p{
		padding-bottom: 30px;
		}

		/*----------------slider------------------*/
		.mogelijkheden{
		background-color:#F0EFEF;
		width: 100%;
		display: block;
		}

		.mogelijkheden h2{
		color:#3A3A35;
		font-size:35px;
		margin:30px auto;
		width:100%;
		display:inline-block;
		text-align:center;
		}

		.mogelijkheden h6{
		font-size: 21px;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 40px;
		}

		/*----------------advantages------------------*/
		#sec3{
		width:100%;
		margin-bottom: 30px;
		min-height:417px;
		overflow: hidden;
		}

		#sec3 #advantage{
		position:relative;
		display:block;
		margin:0 auto;
		max-width:1029px;
		width:100%;
		}

		#sec3 #advantage h2{
		text-align:center;
		margin:0 auto 30px auto;
		font-size:35px;

		}

		#sec3 #advantage .advantages{
		width:323px;
		height:206px;
		background-color:#F0EFEF;
		display:block;
		position:relative;
		margin-right:30px;
		margin-bottom:30px;
		padding-top:1px;
		float:left
		}

		#sec3 #advantage .advantages h6{
		margin:14px auto 14px auto;
		max-width:256px;
		font-size: 19px;
		text-align: center;
		}

		#sec3 #advantage .advantages div{
		background-color:#D2D2D2;
		width:263px;
		height:2px;
		margin:0 auto
		}

		#sec3 #advantage .advantages p{
		margin:30px 30px 0 30px;
		text-align:center

		}

		.advantages:nth-child(3){
		margin-right:0px
		}

		#choice{
		width:323px;
		margin:0 auto;
		padding-bottom:30px
		}

		#choice a{
		background-color:#ffffff;
		color:#3A3A35;
		border:2px solid #E8C221;
		width:auto;
		padding-top:4px;
		padding-left:15px;
		padding-right:15px;
		text-decoration: none;
		font-size: 20px;
		float: left;
		}

		#choice a:last-child{
		float:right;
		background-color:#E8C221;
		}

		#choice a:hover{
		opacity: .60;
		}

		
		/*----------------footer------------------*/

		.footer{
		background-color:#3A3A35;
		height:50px;
		display:block
		}

		.footer ul{
		margin-top:15px;
		display:inline-block;
		margin-left: 50px;
		height: 50px;
		}

		.footer ul li{
		font-size:12px;
		list-style: none;
		color:#E8C221 ;
		float: left;
		margin-right: 30px;
		display: none;
		}



		/*----------------nav------------------*/


		nav{
		width:100%;
		height:83px;
		background-color:#ffffff;
		border-bottom:2px solid #E8C221
		}

		nav ul{
		width:228px;
		margin:0 auto;
		list-style-type:none;
		display: inline-block;
		float:right;
		margin-top:25px;
		margin-right:50px;
		}

		nav ul li{
		font-family:"Hind", sans-serif;
		font-size:20px;
		float:left;
		color:#E8C221;
		margin-right:19px;
		font-weight:400;
		}

		.logo{
		width:144px;
		display:block;
		margin-left:50px;
		margin-top:20px;
		float:left;
		}

		/*----------------info------------------*/

		#info{
		background-color:#ffffff;
		display:block;
    	width: 100%;
    	max-width: 800px;
    	margin: 0 auto;
    	min-height: 80vh;
		}

		#info h2{
		color:#3A3A35;
		font-size:35px;
		margin:30px auto;
		width:208px;
		text-align: center;
		}

		#info p{
			padding-bottom: 30px;
		}


		/*----------------verhuur------------------*/
		#verhuur{
		width:100%;
		margin-bottom: 30px;
		min-height: 80vh;
		overflow: hidden;
		}

		#verhuur #verhuur-content{
		position:relative;
		display:block;
		margin:0 auto;
		max-width:867px;
		width:100%;
		}

		#verhuur #verhuur-content h2{
		color:#3A3A35;
		font-size:35px;
		margin:30px auto;
		width:259px; 
		text-align:center;
		}

		#verhuur #verhuur-content .products{
		width:257px;
		height:290px;
		background-color:#F0EFEF;
		display:block;
		position:relative;
		margin-right:30px;
		margin-bottom:30px;
		float:left;
		border: 1px solid grey;
		}

		#verhuur #verhuur-content .products img{
		width:257px;
		height:186px
		}

		#verhuur #verhuur-content .products ul li{
		font-size:18px;
		font-weight:400;
		color:#3A3A35;
		list-style-type:none;
		padding-left: 20px;
		}


		/*----------------verhuur2------------------*/

		#placeholder1{
		width:100%;
		margin: 0 auto;
		min-height: 80vh;
		overflow: hidden;
		max-width:1029px;
		}

		#placeholder1 h2{
		margin:30px auto;
		width:395px;
		text-align: center;
		}

		#reserveren{
			float: right;
			margin-right: 30px;
			margin-bottom: 30px;
			width: 267px;
		
		}
		#reserveren h2{
			width: auto;
			margin-top: 0px;
		}

		#reserveren ul{
			list-style-type: none;
			margin-bottom: 30px;
		}

		#reserveren p{
		}

		#reserveren #price{
			font-size: 35px;
			font-weight: 600;
			margin-bottom: -10px;
		}

		#reserveren #ex{
			font-size: 12px;
			margin-bottom: 30px;
		}

		#reserveren a{
		background-color:#E8C221;
		color:#3A3A35;
		width:auto;
		padding-top:4px;
		padding-left:15px;
		padding-right:15px;
		text-decoration: none;
		font-size: 20px;
		}

		#reserveren a:hover{
			opacity: .6;
		}

		#reserveren a:last-child{
		background-color:#ffffff;
		color:#3A3A35;
		border:2px solid #E8C221;
		float: left;
		margin-top: 30px;
		}


		

		#text{
		float: left;
		}

		#text ul{
			margin-left: 50px;
			list-style-type: none;
		}

		#text ul li:first-child{
			font-weight: 600;
		}

		/*----------------contact------------------*/
		#contact{
		width:100%;
		margin: 0 auto;
		min-height: 80vh;
		max-width:850px;
		}

		#contact h2{
		margin:30px auto;
		text-align: center;
		width: 267px;
		font-size: 35px;
		}

		#contact ul{
			list-style-type: none;
		}


		/*----------------responsive mobile------------------*/

		@media screen and (max-width:600px){

			nav{
			height: 110px;
			}

			nav ul {
    		width: 228px;
    		margin: 0 auto;
    		list-style-type: none;
    		display: block;
    		float: unset;
    		margin-top: 25px;
    		}

			.logo{
			margin: 20px auto 0 auto;
			float: unset;
			}

			header h1 {
    		font-size: 55px;
    		margin: 200px auto 0 auto;
    		padding-left: 20px;
			}

			#short-info-placeholder p{
			padding-left: 20px;
			}

			#sec3 #advantage{
			max-width: 323px;
    		overflow: hidden;
    		}

    		#info p{
    		padding-left: 20px;
    		padding-right: 10px;
    		}

    		#verhuur #verhuur-content{
    		max-width: 259px;
    		overflow: hidden;
    		}

    		#reserveren {
    		float: left;
    		margin-left: 50px;
    		margin-bottom: 30px;
    		width: 267px;
			}

    		#reserveren h2{

    		}

    		#text ul{    
    		margin-top: 30px;
    		margin-bottom: 30px;
			}

			#contact ul{
				margin-left: 50px;
			}
    	}