header{box-shadow:0 0 30px rgba(0,0,0,.08);flex-shrink:0}header .container{display:flex;padding:24px 0;font-size:24px;flex-wrap:wrap}header .container .logo{width:150px;border-right:1px solid rgba(0,0,0,.3);margin:0 12px 0 0;flex-shrink:0}header .container .navigation{flex-grow:1}header .container .navigation ul{margin:0;padding:0;display:flex}header .container .navigation ul li{list-style:none;padding:0 24px}header .container .navigation ul li a{text-decoration:none;color:rgba(0,0,0,.3)}header .container .navigation ul li a.active{color:rgba(0,0,0,.8)}@media screen and (max-width:557px){header .logo{border:none!important;width:100%!important;text-align:center!important;margin:0 0 24px!important}header .navigation ul{justify-content:center!important;align-items:center!important}}footer{background:#e8e8e8;padding:6px;flex-shrink:0}footer,main form.searchForm{margin:48px 0 0}main form.searchForm input[type=text]{width:80%;margin:0 auto;padding:12px 0;font-size:36px;font-weight:300;border:none;border-bottom:1px solid rgba(0,0,0,.5);outline:none}main .btn{border:none;outline:none;padding:12px 24px}main .btn--fetchMore{background:#1dd1a1;color:#fff;margin:48px 0 0;-webkit-transition:all .5s linear;transition:all .5s linear;border-radius:7px}main .btn--fetchMore:hover{cursor:pointer;background:#17a47f}@media screen and (max-width:1024px){form.searchForm input[type=text]{font-size:1.5em!important}}@media screen and (max-width:779px){form.searchForm input[type=text]{width:100%!important;font-size:1em!important}}body,html,ul{padding:0;margin:0;font-family:"Noto Sans",sans-serif}body{display:flex}#root{display:flex;display:-ms-flexbox;min-height:100vh;width:100%;flex-direction:column}.container{width:80%;max-width:1280px;margin:auto}.text-right{text-align:right}.text-center{text-align:center}.row{display:flex;display:-ms-flexbox}.row .col{flex:1 1}main{flex-grow:1}.imgGrid{margin:48px 0 0}.imgGrid ul li{position:relative;display:inline-block;width:24%;min-height:250px;list-style:none;box-sizing:border-box;margin-right:.5%}.imgGrid ul li>img{max-width:100%;width:100%}.imgGrid ul li:hover{cursor:pointer}.imgGrid ul li:hover .favourite{opacity:.5}.imgGrid ul li .favourite{position:absolute;bottom:12px;right:12px;opacity:0}.imgGrid ul li .favourite--active{opacity:1!important}.imgGrid ul li .favourite img{max-width:40px}@media screen and (max-width:1024px){.imgGrid ul li{width:29%!important}}@media screen and (max-width:779px){.container{width:85%!important}.imgGrid ul li{width:49%!important}}@media screen and (max-width:557px){.container{width:90%!important}.imgGrid ul li{width:100%!important}}
/*# sourceMappingURL=main.580add4a.chunk.css.map */