body,div{margin:0}.header,.header .sec{background-color:#014421}.contact span,.header ul li:hover .sec a,h1{color:#fff}.contact button,.landing a,.pr{cursor:pointer}.contact .continer,.contact h3,.founders,.landing,.vaccines,footer{text-align:center}body{font-family:"Roboto Condensed",sans-serif;font-optical-sizing:auto;font-style:normal}div{padding:0}a{text-decoration:none}.container{background-image:url(background5.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center;margin:0 auto}.header{width:100%;padding:20px 70px;position:fixed;z-index:5;left:0;display:flex;justify-content:space-between;box-sizing:border-box;align-items:center}.header ul,.header ul li a,.header ul li a.active,.landing,.vaccines h2{position:relative}.bars,.header .sec,.hidden{display:none}.bars span{display:block;width:25px;height:4px;margin-bottom:5px;border-radius:3px;background-color:#108a5f}.header img{width:50px}.header ul{display:flex;align-items:center;list-style:none}.header ul li{margin-right:30px}.header ul li a{z-index:3;color:#fff}.header ul li:hover a{color:#d6a75c}.header ul li a.active{color:#d6a75c;font-weight:700}.header ul li a.active::before{content:"";background-color:#d6a75c;height:2px;width:18px;position:absolute;left:0;bottom:-10px}.header .sec{flex-direction:column;position:absolute;left:78px;top:35px;gap:4px 0;padding-left:20px;padding-bottom:15px}.header ul.see{display:flex}.landing{height:100vh;display:flex;align-items:center;justify-content:center;background:0 0}h1{font-size:5em;margin:15px 0}h2 small{font-size:.5em}.landing p{color:#ddd;font-size:24px;margin-bottom:30px}.landing a{background-color:rgb(16 138 95);color:#fff;padding:15px 35px;margin-bottom:25px;font-size:20px;border:none;border-radius:15px}.landing button:hover{background-color:#064064}.landing .logo{width:100px;transition:1s}.landing .move{width:40px;opacity:0;transition:1s}.vaccines{background-image:url(background2.jpg);padding:60px 80px}.vaccines h2{font-size:3em;margin:0 auto 50px;width:fit-content;padding:10px;color:#014421}.vaccines .cards{display:flex;justify-content:center;align-items:center;gap:0 40px;flex-wrap:wrap;margin-bottom:50px}.vaccines .equipmnet{border:3px solid #d6a75c;margin-bottom:15px;width:550px;height:460px;border-radius:5px;transform-style:preserve-3d;transition:transform .8s ease-in-out;cursor:pointer;box-shadow:5px 5px 10px rgba(0,0,0,.2),-5px -5px 10px rgba(0,0,0,.5)}.vaccines .back,.vaccines .equipmnet:hover{transform:rotateY(180deg)}.vaccines .back,.vaccines .front{position:absolute;width:calc(94% + 4px);height:93%;padding:15px;backface-visibility:hidden}.vaccines .front img{width:549px;transform:translate(-15px,-15px)}.vaccines .front h3{color:rgb(52 102 84);font-size:3.6em;margin-bottom:5px;margin-top:-8px}.vaccines .back{background-color:#d6a75c;color:#fff;display:flex;align-items:center;box-shadow:0 20px 40px rgba(0,0,0,.1)}.vaccines .back h3{color:#fff;font-size:2.6em;margin-bottom:10px;margin-top:0}.vaccines .back p{color:#ddd;line-height:1.2}.vaccines .back a{display:block;font-size:1.2em;width:fit-content;background-color:rgb(52 102 84);color:#fff;margin:33px auto 0;border-radius:28px;padding:10px 20px;transition:.3s}.contact .info h4,.founders .cards .card h3{font-size:2em;color:#014421}.vaccines .back a:hover{background-color:#014421;transition:.3s}.mision,.vision{background-color:#014421;padding:40px 80px;display:flex;gap:0 40px;overflow:hidden}.mision h2,.vision h2{font-size:4em;color:#fff;margin:0}.mision p,.vision p{color:#eee;font-size:1.5em;line-height:1.5}.mision img,.vision img{border:5px solid #fff;border-radius:7px;width:500px}.founders .cards .card:first-child,.mision img{transform:translateX(-150px);opacity:0;transition:1.5s}.founders .cards .card:nth-child(3),.vision img{transform:translateX(150px);opacity:0;transition:1.5s}.founders .cards .both:first-child,.founders .cards .both:nth-child(3),.mision .both,.vision .both{transform:translateX(0);opacity:1;transition:1.5s}.founders{background-color:#fff;padding:60px 80px;overflow:hidden}.contact h2,.founders h2{position:relative;font-size:3em;margin:0 auto 80px;border:2px solid #014421;width:fit-content;padding:15px 25px}.contact h2::after,.contact h2::before,.founders h2::after,.founders h2::before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;top:50%;transform:translateY(-50%);background-color:#014421}.contact h2::before,.founders h2::before{left:-60px}.contact h2::after,.founders h2::after{right:-60px}.founders .cards{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-evenly}.founders .cards .card{width:350px;border:3px solid #014421;border-radius:10px}.founders .cards .card:nth-child(2){transform:translateY(150px);opacity:0;transition:1.5s}.founders .cards .both:nth-child(2){transform:translateY(0);opacity:1;transition:1.5s}.founders .cards .img{width:100%;padding:35px 0 20px;background-color:#014421}.founders img{width:120px;height:120px;border-radius:50%}.founders .cards .card h3{padding:30px 0}.contact{padding:40px 0;background-color:#d6a75c}.contact .content{display:flex;justify-content:space-evenly;align-items:center;margin-bottom:60px;flex-wrap:wrap;text-align:left}.contact h3{font-size:35px;margin-bottom:15px;color:#014421}.contact form{border:3px solid #014421;padding:20px 15px;width:400px}.contact form input,.contact form textarea{display:block;box-sizing:border-box;padding:10px 20px;background:0 0;outline:0;color:#fff;border:none;border-bottom:2px solid #000;width:100%;margin-bottom:20px}.contact form input:focus,.contact form textarea:focus{background-color:transparent;color:#fff}.contact .box p{color:#ddd}.contact button{background-color:#014421;color:#fff;padding:13px 40px;border:none;border-radius:15px;margin:0 auto;display:block;font-size:15px;font-weight:700}h2.both,iframe{border-radius:5px}iframe{width:450px;height:350px}footer{padding:20px 0;color:#fff;background-color:#014421}.social{background:#fff;margin-top:40px;width:fit-content;padding:10px;border-radius:40px}.social img:hover{transform:translateY(-7px);transition:.5s}h2.both::after,h2.both::before{width:0;height:0;transition:1s}.social img{margin-right:5px;width:20px}h2.both::before{left:0}h2.both::after{right:0}h2.both{background-color:#014421;color:#fff;transition:2s}@media (max-width:767px){.header ul,.vision img:last-child{display:none}.contact .content .info,.mision,.vision{text-align:center}.header .bars,.hidden{display:block}.header{padding:15px 20px;transition:1s}.header .bars{position:relative;right:0;transition:1s}.header ul{flex-direction:column;gap:10px 0;position:absolute;bottom:-138px;padding:10px 10px 15px;right:-14px;width:100%;background:#014421;align-items:center;list-style:none}.header ul li a.active::before{bottom:-6px}.header .sec{height:0}.landing{padding:0 30px}.landing a{padding:12px 20px;font-size:14px;letter-spacing:1px}h1{font-size:3.5em}.vaccines{padding:40px 38px}.vaccines .cards{gap:40px 0}.vaccines .cards .equipmnet{width:300px;height:335px}.vaccines h2{font-size:2.5em}.vaccines .cards img{width:calc(100% + 15px)}.vaccines .cards .front h3{margin:25px 12px 0 0;font-size:2.4em}.mision,.vision{gap:40px 0;padding:30px 50px;flex-wrap:wrap}.mision img,.vision img{margin:0 auto;width:300px}.mision p,.vision p{text-align:left}.mision h2,.vision h2{font-size:2.8em}.founders{padding:60px}.founders .cards{gap:50px 0}.contact h2,.founders h2{font-size:2.4em;padding:15px}.contact h2::after,.contact h2::before,.founders h2::after,.founders h2::before{width:30px;height:30px}h2.both::after,h2.both::before{width:0;height:0;transition:1s}h2.both::before{left:0}h2.both::after{right:0}h2.both{background-color:#014421;color:#fff;transition:2s;border-radius:5px}.contact .continer{flex-direction:column;align-items:center;padding:0 20px}.contact form{width:100%;max-width:300px;margin-top:20px;left:0}iframe{width:300px;height:250px;margin-bottom:20px}.social{margin:0 auto}}