@charset "utf-8";
/* CSS Document voor website bakkerij Arickx */

html{
	background-color:white;
	width: 100%;
	}
	
body{
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1300px;*/
	width: 100%;
	}
	
	
main{
	overflow: auto; 
	width:70%;
	padding-bottom:55px; /*hoogte footer*/
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	}
	
#fotoblok{
	text-align:right;
	padding-bottom:10px;
	}


	
section{
	width: 45%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	font-family: "Source Sans Pro", sans-serif;
	}

	

/*------------------------------HEADER--------------------*/
	
nav ul li{
	display:inline;
	padding-right:40px;
	}

nav ul{
	margin-top:100px;
	}
	
ul li a{
	font-family: 'Montserrat Alternates', sans-serif;
	text-decoration:none;
	color: black;
	}
	
header{
	text-align: center;
	padding: 10px;
	}

	
/*--------------------------STIJLEN------------------------*/


p{
	color:black;
	font-size:13px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:100;
	letter-spacing:0.5;
	line-height:15px;
	padding-bottom:15px;
	}
h2{
	font-family: 'Montserrat Alternates', sans-serif;
	font-size:24px;
	padding-bottom:40px;
	text-align:center;
	letter-spacing:1;
	}
	
h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;
	font-weight:100;
	padding-bottom:20px;
	}
	
h5{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:13px;
	font-style:italic;
	letter-spacing:1;
	font-weight:100;
	}

h6{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
}

main article a{
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style:italic;
	text-decoration:none;
	display:inline;
	float:right;
	}


/*------------------------------FOOTER--------------------*/
footer {
   position:fixed;
   bottom:0;
   width:100%;
   height:55px;   /* Hoogte footer: aanpassen in stijl main bij wijziging hoogte */
   background-color:#8e8e8e;
   text-align:center;
   color:#e2e2e2;
	}

	
footer h6{
	padding-top:10px;
	}
/*------------------------------RESPONSIVE ON DEVICES--------------------*/	
	




/* Laptops/Pc */


@media (max-width: 2000px){

	
	#phone_footer{
		display:none;
		}
}	
	
/* Small devices (tablets, 768px and up) */
@media (max-width: 960px) { 

	#phone_footer{ /*phone-footer onzichtbaar*/
	display:none;
	}

	section img{
	width:100%;
	}

}

/* iphone */
@media (max-width: 400px) { 


	footer{ /*andere footer onzichtbaar*/
	display:none;
	}

	#phone_footer{ /*enkel zichtbaar bij smartphones*/
	display:block;
	text-align: center;
	font-size:12px;
	line-height:15px;
	margin-bottom:20px;
	}
	
	nav ul li{ /*menu onder elkaar*/
	display:block;
	}
	
	section{
	width:100%;
	padding-left:0%;
	padding-right:0%;
	}
	
	section img{
	width:100%;
	}

}