*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'popin', sans-serif; } .navegacion{ display: flex; align-items: center; justify-content: space-between; background-color: rgb(125, 229, 255); } .logo{ color: rgb(0, 0, 0); text-shadow: black; } .listas{ display: inline-block; color: rgb(0, 0, 0); padding: 6px; font-weight: bold; } .listas a{ color: rgb(0, 0, 0); text-decoration: none; margin-left: 3px; transition: .3s ease; } .listas:hover{ color: black; } .listas >a :hover{ color: black; } ------------------------------------------------------------------------------------------------------------------------ body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .name{ text-align: center; } .gallery { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; } .product { width: 250px; border: 2px solid #ccc; padding: 10px; margin: 10px; text-align: center; } .product img { max-width: 100%; height: auto; } .product h3 { margin: 10px 0; } .product p { font-weight: bold; } /*:::::Pie de Pagina*/ .pie-pagina{ width: 100%; background-color: #0a141d; } .pie-pagina .grupo-1{ width: 100%; max-width: 1200px; margin: auto; display:grid; grid-template-columns: repeat(3, 1fr); grid-gap:50px; padding: 45px 0px; } .pie-pagina .grupo-1 .box figure{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .pie-pagina .grupo-1 .box figure img{ width: 250px; } .pie-pagina .grupo-1 .box h2{ color: #fff; margin-bottom: 25px; font-size: 20px; } .pie-pagina .grupo-1 .box p{ color: #efefef; margin-bottom: 10px; } .pie-pagina .grupo-1 .red-social a{ display: inline-block; text-decoration: none; width: 45px; height: 45px; line-height: 45px; color: #fff; margin-right: 10px; background-color: #0d2033; text-align: center; transition: all 300ms ease; } .pie-pagina .grupo-1 .red-social a:hover{ color: aqua; } .pie-pagina .grupo-2{ background-color: #0a1a2a; padding: 15px 10px; text-align: center; color: #fff; } .pie-pagina .grupo-2 small{ font-size: 15px; } @media screen and (max-width:800px){ .pie-pagina .grupo-1{ width: 90%; grid-template-columns: repeat(1, 1fr); grid-gap:30px; padding: 35px 0px; } }