.wrapper{padding:0 15px;margin:0 auto;width:100%}@media all and (min-width: 768px){.wrapper{padding:0 30px}}@media all and (min-width: 1200px){.wrapper{max-width:1260px}}*{box-sizing:border-box;margin:0;padding:0}.main{width:100%;height:100%;align-items:flex-start;justify-items:center}.favorite{border:6px solid #e77630}.hidden{display:none}.filter{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background-image:url("../../assets/images/Background.png");background-size:cover;background-position:bottom;background-repeat:no-repeat}.filter__header{display:flex;flex-direction:column;justify-content:center;align-items:center}.filter__img{height:100px}@media all and (min-width: 768px){.filter__img{height:200px}}.filter__title{font-family:"Roboto",sans-serif;font-size:2rem;font-weight:900;color:#929292;text-transform:uppercase;margin:10px 0px;max-width:400px;text-align:center}@media all and (min-width: 768px){.filter__title{max-width:600px}}.filter__form{display:flex;flex-direction:column;align-items:center}@media all and (min-width: 768px){.filter__form{flex-direction:row;align-items:center;margin-top:30px;margin-bottom:30px}}.filter__form--input{height:50px;width:250px;border:none;border-radius:5px;border:2px solid #929292;background-color:#282828;color:#929292;font-size:16px;padding-left:15px}@media all and (min-width: 768px){.filter__form--input{width:300px}}.filter__form--msgerror{font-size:.75rem;color:#929292}.filter__form--btn{height:40px;width:100px;border-radius:10px;background-color:#929292;color:#f3f3f3;font-size:16px;font-weight:bold;margin-right:10px;margin-left:10px;margin-top:20px}@media all and (min-width: 768px){.filter__form--btn{margin-left:20px;margin-top:0}}.lists{width:100%;height:100%;display:flex;background-color:#929292;min-height:calc(100vh - 506px)}.fav{display:none}@media all and (min-width: 768px){.fav{background-color:#929292;display:flex;flex-direction:column;width:30%;min-width:250px;height:100%;padding:10px}.fav__title{color:#f3f3f3;font-size:1.5rem;font-weight:900;text-align:center;padding-top:10px;padding-bottom:10px}.fav__msg{color:#282828;font-size:1rem;font-weight:900;font-family:"Roboto",sans-serif;padding-top:5px}.fav__container{width:100%;list-style:none;text-align:center}.fav__container--item{background-color:#f3f3f3;border-radius:20px;border-color:none;padding:20px 10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.fav__container--img{width:100px;border-radius:5px;align-items:center}.fav__container--name{color:#282828;font-size:.625rem;font-weight:600;text-transform:uppercase;margin:5px;max-width:120px}.fav__container--btndelete{height:30px;width:30px;background-color:#282828;border-radius:50%;text-align:center;color:#f3f3f3}.fav__btnreset{height:1.5rem;width:6rem;background-color:#929292;border-radius:5px;text-align:center;color:#f3f3f3;font-family:"Roboto",sans-serif;text-transform:uppercase;align-content:center;margin:5px}}.list{background-color:#282828;width:100%}@media all and (min-width: 768px){.list{width:70%}}.list__title{color:#f3f3f3;font-size:1.5rem;font-weight:900;text-align:center;padding-top:10px;padding-bottom:10px}.list__container{padding:25px;display:flex;justify-content:center;flex-wrap:wrap;list-style:none}.list__container--item{background-color:#929292;margin:10px;max-width:200px;box-sizing:content-box;border-radius:3px}.list__container--img{width:200px;height:250px}.list__container--name{color:#282828;font-size:.75rem;font-weight:600;text-transform:uppercase;text-align:center;margin-bottom:20px;margin-top:5px}.footer{height:80px;width:100%;background-color:black;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;display:flex;flex-direction:row;justify-content:space-between}.footer__copy{color:#929292;font-family:"Roboto",sans-serif;font-size:1rem}.footer__rrss{color:#929292}.footer__rrss--link{color:#929292;height:1rem}.footer__rrss--icons{padding-left:0.5rem}body{font-family:"Roboto",sans-serif}