.port-box-container{display:flex}.box-container{width:25%}@media(max-width:900px){.port-box-container{flex-direction:column}.box-container{width:100%}}.box h2{font-size:34px;margin:45px 0px 45px 0px;color:#fff;font-weight:300;letter-spacing:.04em}.button{margin:38px 0px 38px 0px;width:100%;padding-bottom:8px}.button:hover{background-color:#fff;color:}a.box{width:100%;height:254px;display:block;-moz-background-size:cover;background-size:cover;background-position:center;position:relative;overflow:hidden}a.box .shadow{background-color:rgb(44 169 223 / 75%);opacity:0;height:100%;width:100%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}a.box h3{position:absolute;top:300px;bottom:0px;left:0px;right:0px;margin:auto;height:40px;text-align:center;color:#fff;font-size:29px;font-weight:300;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}a.box .shadow{opacity:.63;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}a.box h3{top:0px;-webkit-transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}