/*
 * css-file: judthravelingeen_mobiel.css 
 * klant: Judith Ravelingeen
 * datum: 05/2015
 * 
 * iDel Webdesign
 */

/*********** smartphones (kleiner dan 768px) ***********/
@media(max-width:767px){
	
	/* ALGEMEEN */
	h2{
		text-align:center;
	}
	
	/* NAVIGATE */
	.nav{
		margin:0;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		padding:0;
		border:none;		
	}
	.navbar-inverse .navbar-brand,
	.navbar-inverse .navbar-brand:hover{
		color:#555;
	}
	button.navbar-toggle{
		background-color:#bc8000;
		border:none;
	}
	.nav li{
		width:auto;
		height:50px;
	}
	.nav li a{
		line-height:50px;
		border:none;
	}
	#ruimte-logo{
		display:none;
	}
    .navbar-inverse .navbar-nav>li>a.actief{
		padding-bottom:0;
	}
	
	/* HEADER */
	.header{
		height:100%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.header .logo{
		margin-top:60px;
	}
	h1{
		font-size:50px;
	}
	.tagline {
	    float:right;
	    margin-top:50px !important;
	    line-height:32px;
	    font-size:22px;
	}
	.tagline span{
		display:block;
	}
	
	/* WIE */
	.profielfoto{
		text-align:center;
		margin-bottom:15px;
	}
	#wie .tekst{
		text-align:left;
	}
	
	/* SPECIALISATIES */
	#specialisaties-titel h2{
		margin-bottom:0;
	}
	#specialisaties-titel h2 span{
		margin-bottom:10px;
		float:none;
	}
	#specialisaties-titel h2 .btn-small{
		display:none;
	}
	h3{
		font-size:20px;
	}
	
	/* TIP */
	#tip{
		height:200px;
	}
	
	/* FOOTER */
	.sitemap{
		margin-top:25px;
		padding-left:0;
	}
	.logo-prefooter{
		padding-top:50px;
		padding-bottom:30px;
	}
	.copyright, footer .idel{
		float:none;
		text-align:center;
		padding-bottom:10px;
	}
	
}

/*********** tablets ( groter dan 768px) **********/
@media(min-width:768px){
	
    /* NAVIGATIE */
	.navbar-brand{
		display:none;
	}
	.nav li a{
		font-size:12px;
	}
	
	/* LOGO */
	#logo-nav-bg{
		margin-top:-190px;
	}
	
	/* WIE */
	.iconen-social{
		text-align:center;
	}
	#alle-gegevens-index{
		float:right;
		width:100%;
	}
	
	/* SPECIALISATIES */
	h3{
		font-size:18px;
	}
	
	/* CONTACT-PAGINA */
	#contact-pagina .adres{
		margin-top:0;
	}
	#contact-pagina .tekst{
		margin-top:25px;
	}
	
	/* FOOTER */
	.logo-prefooter{
		display:none;
	}
    
}

/*********** normale toestellen (desktops, meer dan 992px) ***********/
@media(min-width:992px){

	/* NAVIGATIE */
	.navbar-brand{
		display:none;
	}
	.nav li a{
		font-size:14px;
	}
	
	/* LOGO */
	#logo-nav-bg{
		margin-top:-260px;
	}
	
	/* WIE */
	.iconen-social{
		text-align:left;
	}
	.adres{
		margin-bottom:15px;
	}
	
	/* SPECIALISATIES */
	h3{
		font-size:20px;
	}
	
	/* CONTACT-PAGINA */
	#contact-pagina .adres{
		margin-top:25px;
	}
	#contact-pagina .tekst{
		margin-top:15px;
	}
	
	/* FOOTER */
	.logo-prefooter{
		display:block;
	}
}

/*********** grote toestellen (grote desktops, meer dan 1200px) ***********/
@media(min-width:1200px){
	
	/* NAVIGATIE */
	.navbar-brand{
		display:none;
	}
	
	/* LOGO */
	#logo-nav-bg{
		margin-top:-300px;
	}
	
	/* SPECIALISATIES */
	h3{
		font-size:20px;
	}
}