#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;width:100%;height:100vh;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/img/background.1ff70bad.jpg);background-position:50%;background-size:cover;padding-left:8%;padding-right:8%;box-sizing:border-box}nav{padding:30px;flex:1;text-align:right}nav .title{position:absolute;left:50%;top:3%;transform:translateX(-50%);color:#fff}nav .title p{font-size:20px;font-weight:700}nav a{font-weight:700;color:#fff;text-decoration:none;margin-left:5vw}nav a.router-link-exact-active{color:#fff;box-shadow:3px 5px 3px hsla(0,0%,100%,0)}nav ul li{list-style:none;display:inline-block;margin-left:60px}nav ul li a{text-decoration:none;color:#fff;font-size:13px}.logo{width:50px;cursor:pointer}.menu{position:absolute;right:0;top:0;right:5%;top:2.3%}.menu-icon{width:30px;cursor:pointer;margin-left:40px}@media(max-width:500px){.menus{display:none}}*{margin:0;padding:0;font-family:Poppins,sans-serif}.row{display:flex;height:88%;align-items:center;margin-top:10%}.col{flex-basis:50%}h2{font-size:1.5rem}h2,p{color:#fff}p{font-size:11px;line-height:15px}button{width:180px;color:#000;font-size:12px;padding:12px 0;background:#fff;border:0;border-radius:20px;outline:none;margin-top:30px}.card,button{cursor:pointer}.card{width:240px;height:230px;display:inline-block;border-radius:10px;padding:15px 25px;box-sizing:border-box;margin:10px 15px;background-position:50%;background-size:cover;transition:transform .5s}.card1{background-image:url(/img/banner.f8030b88.jpg)}.card2{background-image:url(/img/banner2.ec33b466.jpg)}.card3{background-image:url(/img/banner1.2e112de6.jpg)}.card4{background-image:url(/img/banner3.c27492ac.jpg)}.card:hover{transform:translateY(-10px)}h5{color:#fff;text-shadow:0 0 5px #999}.card p{text-shadow:0 0 5px #000;font-size:8px}@media (max-width:900px){.card{display:none}.row{display:block;margin-top:65%}.col,.col h2,.row{width:100%}.col p{margin-top:5%}}