.hero{display:table;max-width:1200px;margin:0 auto;width:90%;}
.hero .logo{width:90px;margin:-20px 20px 0;background:#f05a7f;padding:20px 10px 10px;border-radius:0 0 10px 10px;}

.headerButton{background:#fcebe1;color:#f05a7f;padding:5px 20px;border-radius:100px;display:flex;justify-content:center;width:max-content;margin:10px auto;}
.headerButton button{background:none;border:none;color:#f05a7f;}

.footer{margin:40px auto 0 auto;opacity:.2;display:table;}

@media only screen and (max-width:820px){
    .hero .logo{width:200px;display:table;margin:0 auto;}
}