body{padding:50px;display:flex;flex-flow:wrap;font-family:Ubuntu,sans-serif}body *{box-sizing:border-box}.card-container{flex:250px;margin:25px}.card-container .card{font-weight:700;position:relative;width:100%}.card-container .card a{padding:30px;width:100%;height:340px;border:2px solid #000;background:#fff;text-decoration:none;color:#000;display:block;transition:.25s}.card-container:hover .card a{transform:translate(-30px,-30px);border-color:#5bc0eb}.card-container:hover .card a .card--display{display:none}.card-container:hover .card a .card--hover{display:block}.card-container .card a .card--display i{font-size:60px}.card-container .card a .card--display h2{margin:160px 0 0}.card-container .card a .card--hover{display:none}.card-container .card a .card--hover h2{margin:6px 0}.card-container .card a .card--hover p{font-weight:400;line-height:1.5}.card-container .card a .card--hover p.link{margin:20px 0 0;font-weight:700;color:#5bc0eb}.card-container .card .card--border{position:absolute;width:100%;height:100%;left:0;top:0;border:2px dashed #000;z-index:-1}.card-container .card.card--dark a{color:#fff;background-color:#000;border-color:#000}.card-container .card.card--dark a .card--hover .link{color:#fde74c}.full-width{flex:100%!important}hgroup h2{width:50%;font-weight:400;color:#696969}footer p a,footer>p{color:#999}footer *{padding:0}footer{flex:100%!important;margin:0 25px!important}address p,footer p{display:block;width:50%;float:right}address p{text-align:right}@media screen and (max-width:1000px){address p,footer p{width:100%;text-align:center}footer,footer *{margin:0!important}}