@import url(https://fonts.googleapis.com/css?family=Open+Sans);#searchBar,.searchButton{height:36px;margin-top:2%}body{background:#f2f2f2;font-family:'Open Sans',sans-serif}.search{width:100%;position:relative;display:flex}#searchBar{border:3px solid #e23e57;border-right:none;padding:5px;border-radius:5px 0 0 5px;outline:0;color:#2c2c2c}#searchBar:focus{color:#e23e57}.searchButton{width:40px;border:1px solid #e23e57;background:#e23e57;text-align:center;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;font-size:20px}.wrap{width:100%}:root{--darkgray:#444}@media (max-width:1024px){.container,.section{padding:0 20px}.section-title{font-size:1.8rem}nav .nav-menu{gap:20px}#searchBar,.searchButton{height:30px}.filter-button{height:30px;font-size:13px;margin-bottom:18px}}@media (max-width:768px){.section-title{font-size:1.5rem}.container{padding:0 15px}.nav-menu{flex-direction:column;align-items:flex-start}.nav-logo h1{font-size:1.2rem}.search-bar input[type=text]{width:100%}}@media (max-width:480px){.section-title{font-size:1.2rem}.btn,.nav-logo h1{font-size:.9rem}.nav-menu{gap:10px}.container{padding:0 10px}}