html{background-color:#333}body{max-width:1600px!important;margin:auto}#main-header{max-width:1600px}.container{max-width:1600px;width:90%}#top-header{padding:0 8%}.container-servicios{width:100%;max-width:250px;position:relative;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}.container-servicios .card{position:relative;cursor:pointer;margin-bottom:70px;max-height:250px;transition:max-height 0.15s ease-out}.container-servicios .card .face{width:100%;height:250px;transition:0.5s}.container-servicios .card .face.face1{position:relative;background:#243958;display:flex;justify-content:center;align-items:center;z-index:1;transform:translateY(50px);box-shadow:0 -7px 50px rgba(0,0,0,0.3)}.container-servicios .card:hover{max-height:550px;transition:max-height 0.25s ease-in}.container-servicios .card:hover .face.face1{background:#145fad;transform:translateY(0)}.container-servicios .card .face.face1 .content{opacity:0.2;transition:0.5s}.container-servicios .card:hover .face.face1 .content{opacity:1}.container-servicios .card .face.face1 .content img{max-width:100px;margin:auto;display:block}.container-servicios .card .face.face1 .content h3{margin:10px 0 0;padding:0;color:#fff;text-align:center;font-size:1.5em}.container-servicios .card .face.face2{position:relative;margin:auto;width:298px;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;box-shadow:0 20px 50px rgba(0,0,0,0.0);transform:translateY(-200px);transition:all .5s}.container-servicios .card:hover .face.face2{width:298px;box-shadow:0 20px 50px rgba(0,0,0,0.8);transform:translateY(0)}.container-servicios .card .face.face2 .content p{margin:0;padding:0;text-align:center;font-size:13px}.container-servicios .card .face.face2 .content a{margin:15px 0 0;display:inline-block;text-decoration:none;font-weight:900;color:#333;padding:5px;border:1px solid #333}.container-servicios .card .face.face2 .content a:hover{background:#333;color:#fff}