.banner-proyecto{background-position:50%;background-repeat:no-repeat;background-size:cover;height:77vh;position:relative;width:100%}.banner-proyecto h2.title-banner{color:#fff;font-family:Montserrat,sans-serif;font-size:60px;font-weight:800;left:50%;position:absolute;text-align:center;text-shadow:0 4px #000;top:50%;transform:translate(-50%,-50%)}.proyectos{margin:15px 0;padding:40px 20px}.proyectos .contenido{margin:0 220px}.proyectos .card{border:2px solid #000;border-radius:10px}.proyectos .card span{margin:5px}.proyectos .card img{border-radius:5px 0 0 8px;border-right:2px solid #000;height:100%}.proyectos .card i.favorito{background-color:var(--blanco);border:1px solid var(--negro);border-radius:20px;color:var(--negro);padding:5px}.proyectos .card button.contactar{background-color:var(--negro);border-radius:15px;color:var(--amarillo);padding:5px 35px}@media screen and (max-width:768px){.banner-proyecto{background-size:contain;height:30vh}.banner-proyecto h2.title-banner{font-size:30px}.proyectos .contenido{margin:0}.proyectos .card img{border-radius:10px 10px 10px 10px;border-right:none}}@media screen and (max-width:411px){.banner-proyecto{background-size:cover;height:30vh}.banner-proyecto h2.title-banner{font-size:25px}}