#guide .banner{overflow:hidden}#guide .banner .title{padding-left:5%}#guide .banner .title .img{width:36.5%;height:auto;max-width:26.35rem;margin-left:-5%;margin-right:5%}#guide .banner .title h1{margin-top:1rem}#guide .banner .title h1 .big-border{padding-left:.45rem}#guide .banner .title p.clr-white{width:max-content;position:absolute;top:10.5rem;left:28.3rem}#guide .banner .title .bb{max-width:26.35rem;margin-top:2rem;margin-left:24.5%}#guide .banner .title .emoji{width:10%;max-width:1.1rem;top:7.35rem;right:9rem}#guide .banner .butterfly{width:20%;max-width:11.65rem;top:7rem;left:52.5%;z-index:1}#guide .banner .butterfly-left{width:12.5%;max-width:8.4rem;bottom:-.75rem;left:0}#guide .banner .butterfly-stroke{width:10%;max-width:7rem;top:.4rem;right:1.65%;z-index:1}#guide .banner .filter{margin-top:2.25rem;margin-bottom:2rem}#guide .banner .filter .content{width:90%;max-width:52.5rem}#guide .banner .filter .btn{margin:0 .5rem;cursor:pointer}#guide .banner .filter .btn.selected{background-color:#D357A0}#guide .banner .filter .btn.selected span{color:white}#guide .notes .content{width:97.5%;max-width:52.5rem;margin-bottom:7%;display:grid;grid-template-columns:repeat(3, 1fr)}#guide .notes .content .item{min-height:22.5rem;padding:1.25rem 1.25rem .5rem;border-radius:.5rem;margin:0 .75rem 2rem;background-color:#e1bad9}#guide .notes .content .item .img{border-radius:0.25rem;margin-bottom:1rem;overflow:hidden}#guide .notes .content .item p{text-transform:uppercase}#guide .notes .content .item .btns{min-width:4.5rem;margin-top:1rem}@media screen and (max-width: 1000px){#guide .banner .title .img{margin-left:-10%}}@media screen and (max-width: 768px){#guide .banner .filter .content{justify-content:center}#guide .banner .filter .content .btn{margin:0 1.5rem 0.75rem}#guide .notes .content .item{margin:0 .5rem 2rem}}@media screen and (max-width: 640px){#guide .banner .butterfly-left{width:44.25%;max-width:11rem;top:12rem;bottom:auto}#guide .banner .title{padding-left:0}#guide .banner .title>.relative{z-index:1}#guide .banner .title h1{width:max-content}#guide .banner .title h1 .big-border{padding-left:2.45rem}#guide .banner .title .emoji{top:10.85rem;right:11.7rem}#guide .banner .title p.clr-white{top:8.5rem;left:0.85rem}#guide .banner .title .bb{margin-top:11.25rem;margin-left:0;padding:0 1.85rem}#guide .banner .title .img{width:54%;max-width:12.625rem;margin-right:0;position:absolute;top:5rem;right:0}#guide .banner .filter .content .btn{padding-top:.75rem;padding-bottom:.75rem;margin:0 auto .5rem}#guide .notes .content{width:100%;padding:0 4%;grid-template-columns:1fr}#guide .notes .content .item{min-height:auto;padding:0.75rem 1.5rem 0.75rem 0.5rem;margin:0 0 0.5625rem;display:grid;grid-template-columns:49.2% 50.8%;grid-template-rows:50% 50%}#guide .notes .content .item .img{margin-bottom:0;grid-column:1;grid-row:1 / 3}#guide .notes .content .item p{padding-left:1rem;font-size:0.875rem;line-height:1.21em;align-self:flex-end}#guide .notes .content .item .btns{margin-left:1rem}}