.comp-np-bg{height:300px;background-size:cover;background-position:top;background-repeat:no-repeat;padding:40px;background-color:#fbf8f0;border-radius:25px;border:1px solid rgba(0,0,0,0.2)}.comp-np-bg:hover{border:1px solid black}.comp-np-content{height:100%;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-moz-flex-direction:column;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-pack:space-between;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.comp-np-content.black-text{color:#000}.comp-np-content.black-text h4{color:#000}.comp-np-content.grey-text{color:#bbb}.comp-np-content.grey-text h4{color:#bbb}.comp-np-content.white-text{color:#fbf8f0}.comp-np-content.white-text h4{color:#fbf8f0}@media only screen and (max-width:1199px){.comp-np-bg{height:250px}}@media only screen and (max-width:979px){.comp-np-container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.comp-np-bg{height:200px}.comp-np-block:last-child{margin-bottom:30px}}