@media screen and (min-width:375px){:root{--f-link:600 12px/14px Monserrat;--logo:500 14px/19px Montserrat;--font-h1:700 40px/48px Montserrat;--font-h2:700 18px/22px Montserrat;--font-btn:700 12px/14px Montserrat;--font-h3:500 12px/14px Montserrat;--font-h4-tags:600 10px/14px Montserrat;--font-p:500 18px/22px Montserrat;--font-small:500 10px/12px Montserrat;--margin-hero:24px 0;--marg-log-r:8px;--marg-log-b:8px;--marg-H2-Bottom:18px;--marg-section-t:18px;--marg-section-b:cal(54px);--marg-h2-post-t:18px;--marg-h2-post-b:cal(36px);--background:#e3e1dc;--black:#050709;--gray:#bababa;--off-white:#faf8f7;--just-white:#fff;--Space1b:1rem;--Space2b:1rem 2rem}*{box-sizing:border-box;margin:0;padding:0}body{display:grid;justify-content:center;padding:0 18px;background:#fff}.layout{display:grid;background:#fff}.logo{width:127px;margin-top:12px;margin-bottom:40px}.baner{display:grid;color:#000;background-color:#000;overflow:hidden;grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:'stack';font:var(--font-small);border-radius:40px 40px 0 0}.baner div{color:#fff;grid-area:stack;padding-left:9%}.baner figure{grid-area:stack;order:-1;fill:#fff}.baner img{width:100%;height:100%;object-fit:cover;object-position:right}.baner__figure{width:46px;padding-top:21px}.baner__figure svg{width:100%}.baner p{font:var(--font-small);width:140px}.baner button{margin:18px 0;margin-bottom:25px;margin-top:18px;width:92px;height:30px;border-radius:59px;border:unset;font:var(--font-h3);display:flex;justify-content:center;align-items:center;grid-gap:12px}.galery{padding:0 29px;padding-top:21px;border-radius:0 0 40px 40px;background-color:#faebd7}.galery a{font:var(--f-link);text-decoration:none;color:#291507}.galery h3{margin-bottom:6px}.galery_img{display:grid;grid:'1fr 1fr';grid-gap:13px;justify-content:center;grid-template-rows:1fr 1fr;padding-bottom:55px}.galery_img figure{background:#f0f8ff;border-radius:12px;width:135px;height:135px;overflow:hidden}.Breed img{width:100%;height:100%;object-fit:cover}.galery h3{font:var(--font-h3)}.galery hr{height:3px;width:33px;background:#000;border:#000;border-radius:12px}.galery h2{font:var(--font-h2);margin-top:17px;margin-bottom:26px}.galery_img p{font:var(--font-h4-tags);margin-top:6px;margin-left:1px}.row1 > hr:nth-child(1){height:3px;width:50px;background:#000;border:#000;border-radius:12px;margin-top:63px}.row1 > h2:nth-child(2){font-size:36px}.row1{display:grid}.row1 button{display:unset;margin-bottom:unset}.baner button{font:var(--font-h3)}.baner img{font:var(--logo)}.row1 h2{font:var(--font-h1);font-size:36px;margin-top:18px;margin-bottom:20px}.row1 p{font:500 14px/21px Montserrat}.link{font:var(--font-small);justify-self:start;font:700 12px/14px Montserrat;margin-top:27px;color:rgba(41,21,7,0.6);margin-bottom:64px;border:unset;background:unset;display:none}.cats{display:grid;grid-template-columns:auto 1fr;grid-gap:16px}.cats > figure:nth-child(1){grid-gap:27px;grid-template-columns:unset}.cat__1{width:172.03px;border-radius:24px;height:105.09px;background:#faebd7}.cat__2{border-radius:24px;width:122.95px;height:184.43px;justify-self:right}.cat__3{width:149.98px;height:242.69px;border-radius:24px}.cat__3 img{width:auto;height:100%;object-fit:cover}.row1{margin-bottom:65px}.cats figure{grid-template-rows:masonry;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;margin-bottom:22px}.cats > figure:nth-child(1) > img:nth-child(3){height:184.43px;background:#f0ffff}.layout footer{align-items:center;padding:0 29px;padding-top:17px;border-radius:40px 40px 0 0;background-color:#000;height:108px;color:#fff}.footer figure{font:var(--logo)}.footer svg{fill:#fff;width:70px}.footer p{font:400 12px/14px Montserrat}.footer p svg{width:70px;height:fit-content}}
@media screen and (min-width:768px){*{box-sizing:border-box;margin:0;padding:0}}
@media screen and (min-width:1440px){:root{--f-link:600 18px/22px Monserrat;--title-h3:600 36px/43px Montserrat;--bold:700 16px/20px Montserrat;--parrafo-p:500 18px/140% Montserrat;--text-li:500 16px/20px Montserrat}*{box-sizing:border-box;margin:0;padding:0}body{display:grid;justify-content:center;background-color:#f5f5f5;padding:0 18px}.layout{width:1400px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 96px}.layout footer{max-width:unset}.layout a{align-self:start;text-decoration:none;color:#000}.footer a{align-self:unset;color:#fff}.post{display:grid;grid-template-columns:447px auto;justify-content:space-between;grid-auto-flow:column;margin:100px 0;grid-gap:83px;padding:0 9%}.row1{display:grid;align-content:start}.row1 h2{margin-bottom:43px}.row1 p{margin-bottom:65px;font:500 18px/21px Montserrat}.galery{padding-top:40px;height:686px;padding:0 9%}.galery a{font:var(--f-link);text-decoration:none;color:#291507}.galery__title{display:flex;justify-content:space-between;margin-top:36px;margin-bottom:58px}.galery__title button{align-self:end;display:unset}.galery > h3:nth-child(1){font:500 18px/21px Montserrat}.galery_img p{margin-top:20px;font:600 18px/21px Montserrat}.galery_img{display:grid;grid-auto-flow:column;grid-template-rows:initial;grid-gap:50px;justify-content:space-between}.galery h2{font-size:48px;width:536px;font:700 48px/58px Montserrat;margin-top:unset;margin-bottom:unset}b{font:var(--bold)}.Breed__pictures h3{font:var(--title-h3);margin-top:80px}.Breed__pictures h3::first-letter{text-transform:capitalize}.BreedData{display:grid;grid-gap:120px;display:flex}.BreedData h3{font:var(--title-h3)}.BreedData figure{position:relative;display:grid;width:371px;height:371px;object-fit:cover;margin-left:65px}.BreedData img{width:100%;height:100%;object-fit:cover;z-index:2;position:absolute;border-radius:24px}.BreedData .catBackground{border-radius:24px;z-index:1;position:absolute;left:-33px;background-color:#ffe4c4;width:100%;height:100%;align-self:center;max-height:305px}.BreedData p{font:var(--parrafo-p);width:600px;margin:32px 0}.BreedData li{display:flex;align-items:center;justify-content:space-between;font:var(--text-li);margin:32px 0;list-style:none}.BreedData p::first-letter,.BreedData li::first-letter,.BreedData b::first-letter{text-transform:uppercase}.tags{width:511px}.rating{display:flex;grid-gap:8.5px;height:12px}.rating span{width:60px;height:12px;display:inline-block;background:#e0e0e0;border-radius:8px}.rating .fill{background:#544439}.Breed__wrapper{display:grid;grid-gap:50px;grid-template-columns:repeat(4,minmax(min-content,278px));grid-auto-rows:278px;width:100%;height:100%;margin-top:40px;margin-bottom:180px}.Breed__wrapper img{width:100%;height:100%;object-fit:cover;border-radius:24px}.galery_img figure{width:220px;height:220px;overflow:hidden}.Cat img{width:220px;height:220px;object-fit:cover}.cats{display:grid;grid-template-columns:auto 1fr;grid-gap:27px}.cat__3{width:238.47px;height:385.87px;border-radius:24px}.cat__2{justify-self:right;width:238.47px;height:385.87px}.cats figure{grid-gap:27px;grid-template-columns:unset}.cats img{border-radius:24px}.cats .cat__1{width:273.52px;height:167.08px}.cats > figure:nth-child(1) > img:nth-child(3){width:195.49px;height:293.24px}.cats .cat__2{width:238.47px;height:385.87px;justify-self:right}.link{font:700 18px/21px Montserrat;margin-top:unset;margin-bottom:unset}.row1 > h2:nth-child(1){font-size:48px}.footer{display:flex;justify-content:space-between;padding:0 100px;min-width:100%}.footer svg{width:130px}.repo{align-self:unset;font:400 12px/14px Montserrat;text-decoration:none;color:#fff}.layout > div:nth-child(3){max-width:unset;padding:0 110px}}
@media screen and (min-width:1440px){.baner{overflow:hidden;padding-top:unset;padding-left:unset;background-color:#0ff;display:grid;grid-auto-flow:column;border-radius:42px 42px 0 0;border:1px solid;font:var(--font-small);background:#000;justify-content:center}.baner button{width:394.62px;height:69.67px}.baner figure{pointer-events:none}.baner__figure{width:207px;pointer-events:none;height:unset}.baner > div:nth-child(1){padding-top:105px}.baner > div:nth-child(1) > p:nth-child(2){font:500 24px/29px Montserrat;width:371.3px;height:58px;color:#fff}.baner > div:nth-child(1) > button:nth-child(3){font:500 18px/22px Montserrat;margin-top:52px;background:#fff;margin-bottom:144px}.baner > div:nth-child(1) > button:nth-child(3){justify-content:space-between;padding:0 28px}.logo--white{width:207px;height:87px;margin-top:unset;margin-bottom:unset;background:unset;fill:#fff}.hero{height:100%;padding:unset}.hero img{width:100%}}
@media screen and (min-width:1440px){.search{padding:unset;margin-top:52px;padding:unset}.baner .search{padding:unset}.search input{border:none;width:394.62px;font:500 18px/22px Montserrat;height:100%}.search input:focus{outline:none}.SearchList::-webkit-scrollbar{width:10px}.SearchList::-webkit-scrollbar-thumb{border-radius:10px;height:50px;background:#bdbdbd}#on{display:block;padding:0;color:#000;position:absolute}.search .searchWrapper{padding:0 28px}.searchWrapper{background:#fff;border:none;border-radius:59px;padding:0 28px;width:394.62px;height:69.67px;font:500 18px/22px Montserrat;display:flex;justify-content:space-between;align-items:center}.SearchList{width:394.62px;height:219.72px;overflow:auto;border-radius:24px;background:#fff;margin-top:16px;display:none;scrollbar-width:thin}.SearchList p{font:500 18px/22px Montserrat;width:360.01px;height:56.16px;display:flex;align-items:center;border-radius:12px;padding:0 28px}.SearchList p:hover{background:rgba(151,151,151,0.1)}}
@media screen and (min-width:1440px){.TopBreeds,.search h2{font:700 48px/58px Montserrat}.catList{margin-bottom:106px}.catList a{font:var(--f-link);text-decoration:none;color:#291507}.cat{display:grid;grid-auto-flow:column;gap:50px;margin:56px 0}.cat figure{width:170px;height:170px}.cat img{width:100%;height:100%;object-fit:cover;border-radius:24px}.cat h3{font:600 36px/43px Montserrat}.cat p{font:var(--parrafo-p)}.catData{gap:24px;display:grid;grid-auto-rows:min-content}}
@media screen and (min-width:1440px){.layout > div:nth-child(2) > div:nth-child(1) > h2:nth-child(1){font:700 48px/58px Montserrat}.cat > img:nth-child(1){width:170px;height:170px;border-radius:24px;outline:1px solid;text-align:center;display:flex;justify-content:center;align-items:center}.cat > h3:nth-child(2){font:600 36px/43px Montserrat}.cat > p:nth-child(3){font:var(--parrafo-p)}}