.card-container{display:flex;font-family:'Lato',sans-serif;width:100%;margin:10px 0px}.card-step{font-weight:600;color:#f50;font-size:1.7rem;margin:20px 20px}.card-wrapper{width:100%;font-family:'Lato',sans-serif;background:white;border-radius:5px;border:1px solid #e5e5e5;max-height:100px;overflow:hidden;padding:10px 20px;transition:max-height 500ms ease-in-out;display:flex;font-weight:400}.card-main{margin:10px 20px;width:80%}.card-image{padding:5px;background:#ffefe7;border-radius:5px;display:flex;justify-content:center;align-items:center;height:40px;width:40px}.card-image img{height:30px;width:30px}.card-title{font-weight:400;font-size:1.4rem;color:#3e4149}.reveal-details{display:none;margin:8px 0px;color:#3e4149;font-size:1rem;line-height:1.5rem}.card-wrapper:hover{box-shadow:0 0px 8px #d3d3d3;cursor:pointer;max-height:300px}.card-wrapper:hover .reveal-details{display:block;animation:fadeIn linear .5s;-webkit-animation:fadeIn linear .5s;-moz-animation:fadeIn linear .5s;-o-animation:fadeIn linear .5s;-ms-animation:fadeIn linear .5s}.card-details,.reveal-details{font-weight:300}.card-height-animate{height:300px}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@media(max-width:450px){.card-step{font-weight:600;color:#f50;font-size:1.2rem;margin:20px 15px}.card-title{font-weight:400;font-size:1rem;color:#3e4149}.reveal-details{display:none;margin:8px 0px;color:#3e4149;font-size:.9rem;line-height:1rem}.card-wrapper:hover{box-shadow:0 0px 8px #d3d3d3;cursor:pointer;max-height:150px}.card-main{margin:10px 20px;width:100%;margin-right:0px}.card-image{height:30px;width:30px}.card-container{position:relative;right:10px}}