div.HomepageHead{position:relative}div.HomepageHead > img{width:100%;max-width:1150px;max-height:212px;vertical-align:top}div.HomepageHead > img:first-of-type{position:fixed;z-index:-1}div.HomepageHead > img:last-of-type{visibility:hidden}div.HomepageHeadTitle{font-size:1.7em;position:relative;min-height:60px;padding-top:12px;padding-left:5px;background-color:#f7f7f7}div.HomepageHeadTitle > span{font-size:0.5em;display:block;margin-top:-6px}div.HomepageHeadTitle.hasLogo{padding-left:200px;min-height:80px;padding-top:20px}div.HomepageHeadLogo{width:150px;height:150px;background-color:#fff;border:5px solid #eee;border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center;position:absolute;left:30px;top:-75px}div.HomepageHeadLogo > img{max-width:100%;max-height:100%}div.HomepageHeadBackground{width:100%;background:linear-gradient(0deg, #fff 40%, #ddd 100%);position:absolute;height:212px;left:0;right:0;z-index:-50;margin-top:1px}@media only screen and (min-width:1150px){div.HomepageHead{min-height:212px;display:flex;align-items:center;margin-top:1px;padding-bottom:1px}}@media only screen and (max-width:1150px){div.HomepageHeadBackground{display:none}}@media only screen and (max-width:640px){div.HomepageHeadLogo{left:50%;margin-left:-75px}div.HomepageHeadTitle{background-color:#fff;border-bottom:1px solid #f5f5f5;font-size:1.4em;padding:10px 5px 0 5px;min-height:0}div.HomepageHeadTitle.hasLogo{padding:80px 5px 5px 5px;text-align:center}}