.marca a{   position: relative;}
.marca h2{ text-align: center; position: absolute;     top: 50%;    left: 50%;    transform: translate(-50%, -50%); color:#fff; margin-bottom: 0;}
.marca  a figure img {  -webkit-transition:all .3s linear;    transition: all .3s linear; overflow: hidden; border-radius: 50%;}
.marca  a:hover figure img {    -webkit-transform: scale(1.1);    transform: scale(1.1); }
.marca  a:hover figure{overflow: hidden; box-shadow: 4px 8px 17px #666,    -15px 0px 10px #fff;}
.marca  a figure{overflow: hidden; border-radius: 50%; transition: all .3s linear;}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
    
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

   
}
    

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399px){ 
	.marca a figure{ margin: 10%;}
    .marca h2 {top: 54%;}
}
/* Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 
	.marca a figure{ margin: 10%;}
    .marca h2 {top: 54%;}
}