@charset "UTF-8";

.header_logo {
	positon: absolute;
	display: block;
	float: left;
	z-index: 1;
	height: auto;
}

.header_menu_bg {
	positon: absolute;
	display: block;
	float: right;
	z-index: 2;
	height: auto;
}

.header_pic {
	positon: absolute;
	display: block;
	height: auto;
}

@media screen and (min-width: 768px) {
	
#header-desktop {display: block;}
#header-mobile {display: none;}	
	
#header-desktop-menu {
 	positon: absolute;
	display: block;
	margin-top: 1.875rem;
	float: left;
	height: auto;
}
	
.header_logo {
	width: 36.6%;
	margin-left: 0.5rem;
}
	
.header_menu_bg {
	width: 60.6%;
	margin-right: 0.5rem;
}
	
.menu_buttons {
	positon: absolute;
	display: block;
	float: right;
	z-index: 3;
	margin-top: -3.6rem;
	height: auto;
}
	
.button1 {
	positon: absolute;
	display: block;
	float: right;
	width: 16%;
	margin-right: 1.1rem;
	margin-left: 2.5rem;

}
	
.button2 {
	positon: absolute;
	display: block;
	float: right;
	width: 16%;
	margin-right: 1rem;
	margin-left: 1rem;

}
	
.button3 {
	positon: absolute;
	display: block;
	float: right;
	width: 14.5%;
	margin-right: 2.2rem;
	margin-left: 1rem;
}


/* <------ Pics ------> */
	
	
#header_pic1 {
	float: left;
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	width: 60.12%;
}
	
#header_pic2 {
	float: right;
	margin-top: 0.5rem;
	margin-right: 0.5rem;
	width: 37.15%;
}

#header_pic3 {
	float: right;
	margin-top: 0.5rem;
	margin-right: 0.5rem;
	width: 37.15%;
}
	
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */


@media screen and (max-width: 767px) {
	
#header-desktop {display: none;}
#header-mobile {display: block;}
	

.header_logo {
	margin-top: 0.75rem;
	margin-left: 0.75rem;
	width: 58.4%;
}
	
.header_menu_bg {
	margin-top: 0.75rem;
	margin-right: 0.75rem;
	width: 37.16%;
}	


	
/* <------ Pics ------> */
	
	
#header_pic1 {
	float: left;
	margin-top: 0.9rem;
	margin-left: 0.75rem;
	width: 58.4%;
}
	
#header_pic2 {
	float: right;
	margin-top: 0.9rem;
	margin-right: 0.75rem;
	width: 37.16%;
}

#header_pic3 {
	float: right;
	margin-top: 0.9rem;
	margin-right: 0.75rem;
	width: 37.16%;
}	

	
}