.header_logo{max-width: clamp(500px, 10vw, 300px); overflow: visible; height: inherit; float: left;}
.header_logo img{width: 100%; height: auto; z-index: 10000000;}

@media only screen  and (min-width: 600px) {
	.header_logo{  margin-top: 0; margin-left: 3.5rem;}
	.header_logo_img{ height: 100%;}

}
@media only screen and (orientation: portrait) and (max-width: 600px) {
	.header_logo{ max-width: 200px; margin-top: 0; margin-left: 3.5rem;}
	.header_logo_img{float: right; padding-right: .5rem; height: 3rem; }

}


@media only screen and (orientation: landscape) and (min-width: 600px) {
	.header_logo{ margin-top: 0; margin-left: 3rem;}
	.header_logo{}
	.header_logo_img{height:100%; }

}

@media only screen and (orientation: landscape) and (max-height: 600px) {
	.header_logo{ max-width: 200px; margin-top: 0; margin-left: 3.5rem;}
	.header_logo_img{float: right; padding-right: .6rem; height: 3rem;}

}