/* Extra small devices (phones, 600px and down) */
@media screen and (max-width:450px){
	body{
		/*border: 1px solid red;*/
	}
	footer .footer-4 a img{
		width: 25px !important;
	}
} 
@media screen and (max-width:600px){ /*sm (576px) */ 
	body{
		/*border: 3px solid pink;*/
	}

	nav.menu, .arrow-down{
		display: none;
	}

	main{
		padding-left:20px;
		padding-right:20px;
	}

	#f-menu-horizontal{
		flex-direction: row-reverse;
	}

	#hamburger{
		display: block;
	}

	footer .footer-1{
		order: 2;
	}
	footer .footer-2{
		order: 1;
	}
	footer .footer-3{
		order: 3;
	}
	footer .footer-4{
		order: 4;
	}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (min-width:600px){ /* sm (576px) */
	body{
		/*border: 3px solid blue;*/
	}
	nav.menu{
		display: none;
	}
	#f-menu-horizontal{
		flex-direction: row-reverse;
	}
	#hamburger{
		display: block;
	}
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width:768px){ /* md */
	body{
		/*border: 3px solid yellow;*/
	}
	#hamburger{
		display: none;
	}
	nav.menu{
		display: block;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media screen and (min-width:992px){ /* lg */
	body{
		/*border: 3px solid green;*/
	}

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (min-width:1200px){ /* xl */
}


@media screen and (min-width:1400px){ /* xxl */
}

@media only screen and (orientation: landscape) {
  body {
  }
}