@import url(https://fonts.googleapis.com/css?family=Nunito);.card,.gallery{flex-direction:row;width:100%;display:flex}.card,.search-submit{cursor:pointer;background:rgba(245,245,245,.9)}*{box-sizing:border-box}body,html{width:100%;max-width:100%}body{font-family:Nunito,sans-serif;text-align:center;background:rgba(149,71,71,.9)}header{padding:15px 5px 5px}.header-inner-container{max-width:1180px;margin:auto}header h1{font-size:1.25em;color:rgba(50,50,50,.9);margin-top:35px}.search-input{padding:.4rem 1rem;border:1px solid rgba(200,200,200,.9);border-radius:.25rem 0 0 .25rem;max-width:20rem;transition:.4s ease-out}.search-input:active,.search-input:focus,.search-input:hover{border:1px solid rgba(50,50,50,.9)}.search-submit{height:33px;border-radius:0 .25rem .25rem 0;border:1px solid rgba(200,200,200,.9);transition:.4s ease-out}.search-submit:active,.search-submit:focus,.search-submit:hover{background:rgba(255,255,255,.9);border:1px solid rgba(50,50,50,.9)}.card,.modal{border-radius:.25em;transition:.4s ease-out}.gallery{flex-wrap:wrap;justify-content:space-evenly;max-width:1200px;margin:auto}.card{flex-wrap:nowrap;justify-content:flex-start;max-width:360px;margin:10px 10px 20px;padding:10px;border:1px solid rgba(50,50,50,.3);overflow:hidden}.card-img{width:95px;margin:10px 15px auto 10px;border-radius:50%}.card-info-container{text-align:left}.card-name{margin:20px auto 0}.card-text{font-size:.9em;color:rgba(50,50,50,.7);margin:7px auto;transition:.4s ease-out}.cap{text-transform:capitalize}.modal-container{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7)}.modal{position:relative;width:95%;max-width:420px;min-height:415px;margin:10px auto auto;padding-bottom:15px;background:#fff;border:1px solid rgba(100,100,100,.3)}.modal-btn-container .btn,.modal-close-btn{cursor:pointer;color:rgba(255,255,255,.9);background:rgba(0,0,0,.8)}.modal-close-btn{position:absolute;top:15px;right:15px;border-radius:.25em;border:1px solid rgba(50,50,50,.3)}.modal-img{width:150px;margin-top:35px;border-radius:50%}.modal-name{margin-bottom:5px}.modal-text{color:rgba(50,50,50,.7);margin:10px}.modal hr{width:75%;margin:25px auto 30px;border-color:rgba(200,200,200,.2)}.modal-btn-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;width:95%;max-width:420px;padding:10px 15px 15px;margin:10px auto auto;background:#fff;border-radius:.25em;border:1px solid rgba(100,100,100,.3)}.modal-btn-container .btn{display:inline-block;font-size:.85em;text-transform:uppercase;padding:.75em 1.5em;border-radius:.35em;transition:.4s ease-out}@media (min-width:768px){.header-inner-container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding-right:25px;padding-left:25px}.header-text-container{text-align:left}.search-container{margin-top:25px}.modal{margin-top:100px}}@media (min-width:1024px){.btn:hover,.card:hover{background:#fff}.btn:hover,.card:hover .card-text{color:#191919}.card:hover{border:1px solid rgba(50,50,50,.9)}}