body,html{height:100%}body{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#333;color:#fff}body,header{display:-webkit-box;display:flex}header{-webkit-box-flex:0;flex:0;justify-content:space-around;margin:auto;padding:.25rem 0;width:80%;height:3rem;line-height:3rem}header .brand{color:#fff;font-size:1.5rem;font-weight:600}header nav a{font-size:1.25rem;color:#fff}main{-webkit-box-flex:1;flex:1 0 auto}main .row{margin-top:1.5rem}main .text-content{margin:3rem 0}main .text-center{text-align:center}main .col-md-4{padding:0 1rem}main .col-md-4 .card-wrapper{box-shadow:0 .25rem .75rem hsla(0,0%,100%,.1)}main .col-md-4 .card-wrapper h2{margin-top:.5rem;margin-bottom:0;padding:0 1.25rem}main .col-md-4 .card-wrapper .img-container{padding:.25rem;width:100%;height:225px;border:1px solid #5f5f5f}main .col-md-4 .card-wrapper .img-container img{max-width:100%;height:100%}main .col-md-4 .card-wrapper .text{padding:1.25rem;font-size:.9rem}main .col-md-4 .card-wrapper button{display:block;padding:.5rem 1rem;width:100%;color:#fff;border:none;background:#212121;box-shadow:0 8px 16px 0 hsla(0,0%,100%,.2),0 6px 20px 0 hsla(0,0%,100%,.19)}main .col-md-4 .card-wrapper button span{display:inline-block;position:relative;-webkit-transition:.5s;transition:.5s;cursor:pointer}main .col-md-4 .card-wrapper button span:after{content:"»";position:absolute;opacity:0;top:0;right:-20px;-webkit-transition:.5s;transition:.5s}main .col-md-4 .card-wrapper button:hover{color:#fff}main .col-md-4 .card-wrapper button:hover span{padding-right:25px}main .col-md-4 .card-wrapper button:hover span:after{opacity:1;right:0}footer{-webkit-box-flex:0;flex:0;margin-top:3rem;padding:1rem;text-align:center;color:#7b7b7b}@media (max-width:767.98px){.col-md-4:not(:first-child){margin-top:1.5rem}}