.callout-card{padding:28px;background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);box-shadow:0 0 10px 0 rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto 30px;max-width:96%;background:#fff url(../../img/fearless-triangle.png) no-repeat bottom right;-webkit-background-size:50px auto;background-size:50px auto}.card__media img{display:block;width:100%}.card__content{line-height:1.6;padding:20px 0 0}@media (min-width:700px){.callout-card{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:100%}.card__media{-webkit-box-flex:0;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;max-width:250px}.card__content{-webkit-box-flex:1;-webkit-flex:1 1 70%;-ms-flex:1 1 70%;flex:1 1 70%;padding:0 0 0 36px;line-height:1.8}.image-right .callout-card{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.image-right .card__content{padding:0 36px 0 0}}