.container{
	
	margin-right:auto;
	margin-left:auto;
	
}

#content {
    margin-bottom: 25px;
}



#carrusel {
    float:left;
    width:1000px;
    overflow:hidden;
    height:303px;
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
}

#carrusel .left-arrow {
    position:absolute;
    left:10px;
    z-index:1;
    top:35%;
    margin-top:-9px;
    font-size: 5em;
    color: black;
}

#carrusel .right-arrow {
    position:absolute;
    right:10px;
    z-index:1;
    top:35%;
    margin-top:-9px;
    font-size: 5em;
    color: black;
}

.carrusel {
    width:4000px;
    left:0px;
    position:absolute;
    z-index:0;
}

.carrusel>div {
    float: left;
    height: 303px;
    margin-right: 5px;
    width: 195px;
    text-align:center;
}

.carrusel img {
    cursor:pointer;
}

.product {
   /* border:#CCCCCC 1px solid;*/
}

h5 {
    margin-top: 1rem;
}



a:hover{

/*filter: invert(70%);*/
text-decoration: none;


}




@media screen and (max-width:1199px){
	
	
	#carrusel{
		
		width:900px;
		
	}
	
	
}




@media screen and (max-width:999px){
	
	
	#carrusel{
		
		width:650px;
		
	}
	
	
}





@media screen and (max-width:767px){
	
	
	#carrusel{
		
		width:460px;
		
	}
	
	
}





@media screen and (max-width:520px){
	
	
	#carrusel{
		
		width:380px;
		
	}
	
	
}





@media screen and (max-width:480px){
	
	
	#carrusel{
		
		width:320px;
		
	}
	
	
}