body{
    background: black;
}

.center-top{
    position: relative;
    top: 75px;
}

.card-home{
    width: 100%;
}

.dropdown:hover>.dropdown-menu{
    display: block;
}

.btn-group:hover>.dropdown-menu{
    display: block;
}


.banner{
    background: black;
}

.card-text{
    background: black;
    color: white;
}

.image-products{
    width: 100%;
    height: 450px;
}

.card-form{
    width: 100%;
    }

.box-shop{
    background: black;
    color: white;

}

.footer{
	background: black;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.footer .social .icon{
	color: black;
	text-decoration: none;
	font-size: 30px;
	padding: 5px;
	background: white;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	display: inline-block;
	line-height: 40px;
	cursor: pointer;
}
.footer .social [class^="icon"]:hover{
	background: #0069d9;
	color:white;
}
.copy{
	color:white;
}

.redondoo{
     width:60%;
    border:10px solid #fff;
   
}

.redondo{
     width:300px;
    height:300px;
   
    border:10px solid #fff;
    cursor: pointer;
}

.redondo:hover{
     width:400px;
    height:400px;
   
    border:10px solid #fff;
}

@media(min-width: 480px){
	.footer .social [class^="icon"]{
		margin: 0 10px;
	}
	.footer .social [class^="fab fa"]:hover{
		background: #0069d9;
	color:white;
	}
}


.boton{
    background: black;
    color: white;
        
}

.boton:hover{
    background: white;
    color: black;
}

.cuadro{
    
    border: solid 5px #fff;
    background: black;
    color: white;
}

.imgcu{
    width:  100%;
    height: 300px;
    cursor: pointer;
}

.imgcu:hover{
    border: solid 5px #fff;
    transform: scale(1.1);
}