/*
 * css-file: deliflanders_mobile.css 
 * klant: DELIFLANDERS
 * datum: 12/2015
 * 
 * iDel Webdesign
 */

/*********** smartphones (kleiner dan 768px) ***********/
@media(max-width:767px){
	
	h2{
		font-size:30px;
	}
	
	.intro, .intro-logo, #tussenbeeld, #contact{
	    background-attachment:scroll;
   		background-position:center bottom !important;
	}
	
	#tagline{
		font-size:50px;
	}
	#tagline .zaak{
		font-size:30px;
	}
	
	#overOns-foto1, #overOns-foto2{
		padding:0;
	}
	#overOns-foto2{
		margin-bottom:15px;
	}
	
	.pijl{
		padding:0 5px;
	}
	.pijl a{
		padding:15px;
		top:460px;
	}
	
	.partner-naam{
		font-size:20px;
	}
	.partner-naam span{
		font-size:20px !important;
	}
	.mes{
		margin-top:-7px;
	}
	.mes img{
		width:32px;
	}
	
	#prod-nav{
		left:-215px;
	}
	#prod-nav.active{
		left:0;
	}
	#prod-titel{
		left:50%;
		margin-left:-120px;
	}
	#producten h3{
		font-size:24px;
	}
	#producten .item-content .item-intro{
		font-size:16px;
	}
	#producten .item-content .land .specs{
		font-size:16px;
	}
	#producten .item-content .item-intro{
		margin-bottom:30px;
	}
	#producten .item-content .land .flag{
		margin-bottom:15px;
	}
	#producten .item-content .land .specs{
		padding-bottom:30px;
		line-height:26px;
	}
	
	footer{
		padding:15px 0;
	}
	footer #copyright, footer #idel{
		text-align:center;
	}
}

/*********** tablets ( groter dan 768px) **********/
@media(min-width:767px){
	
	#prod-titel{
		left:50%;
		margin-left:-235px;
	}
	
}
@media(max-width:992px){
	
	.navbar-custom .nav li a{
		padding-left:5px;
		padding-right:5px;
	}
	
	.intro, #tussenbeeld, #contact{
	    background-attachment:scroll;
	}
	
	.logo-partner{
		font-size:24px;
	}
	
	.intro, #tussenbeeld, #contact{
	    background-position:center bottom !important;
	}
	
	#overOns-foto1, #overOns-foto2{
		padding:0;
	}
	#overOns-foto2{
		margin-bottom:15px;
	}
	
	.pijl a{
		padding:15px;
		top:215px;
	}
	
	#prod-nav{
		left:-215px;
	}
	#prod-nav.active{
		left:0;
	}
	#producten h3{
		font-size:24px;
	}
	#producten .item-content .item-intro{
		font-size:16px;
	}
	#producten .item-content .land .specs{
		font-size:16px;
	}
	#producten .item-content .item-intro{
		margin-bottom:30px;
	}
	#producten .item-content .land .flag{
		margin-bottom:15px;
	}
	#producten .item-content .land .specs{
		padding-bottom:30px;
		line-height:26px;
	}
}

/*********** normale toestellen (desktops, meer dan 992px) ***********/
@media(min-width:992px){
	
	.navbar-custom .nav li a{
		padding-left:15px;
		padding-right:15px;
	}
	
	.intro, #tussenbeeld, #contact{
	    background-attachment:fixed;
	}
	
	.logo-partner{
		font-size:18px;
	}
	
}

/*********** grote toestellen (grote desktops, meer dan 1200px) ***********/
@media(min-width:1200px){
	
	.logo-partner{
		font-size:30px;
	}
	
}