header{background-color:#333;padding:50px}@media (max-width:768px){header{padding:0}}header .container{display:flex;align-items:center;justify-content:space-between}@media (max-width:768px){header .container{display:block;overflow:hidden;text-align:center}}header .container__brand h1{font-family:"Beauty Sunny";color:#fff1f2}header .container__menu__list{list-style:none}header .container__menu__list__item{float:left}@media (max-width:768px){header .container__menu__list__item{float:none;text-align:center}}header .container__menu__list__item a{color:#fff1f2;text-decoration:none;padding:14px 16px;display:block;transition:all .5s ease}header .container__menu__list__item a:hover{background-color:#111}.hero__container__product img{width:400px;margin:50px auto;display:block}@media (max-width:768px){.hero__container__product img{width:250px}}.hero__container__product h3{text-align:center;font-size:2.5em}.hero__container__menu{display:flex;align-items:center;justify-content:center}.hero__container__menu__list{list-style:none}.hero__container__menu__list__item{display:inline-block;padding:20px}@media (max-width:768px){.hero__container__menu__list__item{display:block}}.hero__container__menu__list__item img{width:150px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Roboto;src:url(../../assets/fonts/Roboto-Regular.ttf) format("truetype")}@font-face{font-family:"Beauty Sunny";src:url("../../assets/fonts/Beauty Sunny.otf") format("opentype")}body{font-family:Roboto;background-color:#fff1f2}