@import url("https://fonts.googleapis.com/css?family=Raleway:400,800");body{background-color:#d1ffd4;min-height:100vh;font-family:"Raleway",sans-serif}.wrapper{max-width:800px;width:100%;margin:6em auto}.image-container{width:400px;max-width:100%;margin:30px auto;text-align:center}.image-container img{width:300px;-o-object-fit:contain;object-fit:contain}.subtitle,.title{color:#3a334d;text-align:center}.title{margin:0 0 0.5em;text-transform:uppercase;letter-spacing:1px}.subtitle{margin:0 0 2em;font-weight:300}.card-container{margin:-1em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.card{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%;padding:1em;margin-bottom:50px}.card-box{background-color:white;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.card-box .context{margin-bottom:5px}.card-image{height:0;width:100%;padding-bottom:50%}.card:nth-of-type(5n+1) .card-image{background-color:#E31D65}.card:nth-of-type(5n+2) .card-image{background-color:#FF7C35}.card:nth-of-type(5n+3) .card-image{background-color:#FFCB36}.card:nth-of-type(5n+4) .card-image{background-color:#25A954}.card:nth-of-type(5n+5) .card-image{background-color:#007D97}.card-content{padding:1.5em;text-align:center}.card-title{margin:0 0 0.5em;text-transform:uppercase;letter-spacing:1px}.card-text{margin:0;font-size:14px}footer{text-align:center;padding:15px}