.about{background-color:#1d212b}.about .title{font-size:38px;font-weight:700;color:#fff}.about p{padding-top:20px;text-align:justify;color:#fff}.container{width:100%;position:relative;display:flex;justify-content:center;flex-wrap:wrap}.container .card{position:relative;justify-content:center;cursor:pointer;margin:40px}.container .card .face{height:200px;width:325px;transition:.5s;border-radius:15px}.container .card .face.face1{position:relative;background:#fff;display:flex;justify-content:center;align-items:center;z-index:1;transform:translateY(100px)}.container .card:hover .face.face1{background:#104166;transform:translateY(0)}.container .card:hover .face.face1.emergency{background:#b60000;transform:translateY(0)}.container .card:hover .face.face1 .content img{-webkit-filter:invert(0);filter:invert(0)}.container .card:hover .face.face1 .content h3{color:#fff}.container .card .face.face2{overflow:hidden;position:relative;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,.8);transform:translateY(-100px);text-align:center}.container .card:hover .face.face2{transform:translateY(0)}.container .card .face.face2 .content p{margin:0;padding:0;color:#000;text-align:left;word-wrap:break-word}.container .card .face.face2 .content a{position:relative;margin-top:25px;margin-left:0;display:inline-block;text-align:center;text-decoration:none;font-weight:900;color:#333;padding:5px;border:1px solid #333}.container .card .face.face2 .content a:hover{background:#333;color:#fff}.container .card .face.face1 .content{transition:.5s}.container .card:hover .face.face1 .content{opacity:1}.container .card .face.face1 .content img{display:block;margin-left:auto;margin-right:auto;max-width:100px;width:120px;-webkit-filter:invert(1);filter:invert(1)}.container .card .face.face1 .content h3{margin:10px 0 0;padding:0;color:#000;text-align:center;font-size:1.5em}@media (max-width:809px){.container .card .face.face1{background:#104166;transform:translateY(0)}.container .card .face.face1.emergency{background:#b60000;transform:translateY(0)}.container .card .face.face2{transform:translateY(0)}.container .card .face.face1 .content img{-webkit-filter:invert(0);filter:invert(0)}.container .card .face.face1 .content h3{color:#fff}}@media (max-width:350px){.container .card .face{height:200px;width:100%}.container .card .face.face2 .content p{font-size:13px}}