.container {
        position:absolute;
        margin: auto;
        margin-top: 9%;
        align-content: center;
        justify-content: center;
        box-sizing: content-box;
        width: 20%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
               /*asado*/
.div-asado {
  display: block;
  margin-left: auto;
  margin-right: auto;
margin-top: -280%;
}
.div-asado .polloasado {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-asado .txtasado {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-asado:hover .polloasado {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-asado:hover .txtasado {
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*quesadilla*/
    
    .div-quesadilla {
        position:relative;
        margin: auto;
        margin-top: -50%;
        width: 100%;
        left:140%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}

@media (max-width:475px){
    .div-quesadilla {
        position:relative;
        margin: auto;
        margin-top: -100%;
        width: 100%;
        left:140%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
    
}
 }   
.div-quesadilla .quesadilla {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-quesadilla .txtquesadilla {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-quesadilla:hover .quesadilla {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-quesadilla:hover .txtquesadilla{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*francesas*/
    
    .div-francesas {
        position:relative;
        margin: auto;
        margin-top: -15%;
        width: 100%;
        left:210%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
    
    @media (max-width:475px){
    .div-francesas {
        position:relative;
        margin: auto;
        margin-top: -35%;
        width: 100%;
        left:200%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}
.div-francesas .francesas {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-francesas .txtfrancesas {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-francesas:hover .francesas {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-francesas:hover .txtfrancesas{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*chilorio*/
    
    .div-chilorio {
        position:relative;
        margin: auto;
        margin-top: -15%;
        width: 100%;
        left:140%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
    @media (max-width:475px){
    .div-chilorio {
        position:relative;
        margin: auto;
        margin-top: -60%;
        width: 100%;
        left:140%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}
.div-chilorio .chilorio {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-chilorio .txtchilorio {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-chilorio:hover .chilorio {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-chilorio:hover .txtchilorio{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*nuggets*/
    
    .div-nuggets {
        position:relative;
        margin: auto;
        margin-top: -45%;
        width: 100%;
        left:50%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
    @media (max-width:475px){
    .div-nuggets {
        position:relative;
        margin: auto;
        margin-top: -65%;
        width: 100%;
        left:50%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}
.div-nuggets .nuggets {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-nuggets .txtnuggets {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-nuggets:hover .nuggets {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-nuggets:hover .txtnuggets{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*flautas*/
    
    .div-flautas {
        position:absolute;
        margin: auto;
        margin-top: -95%;
        width: 100%;
        left:-40%;
        right:160%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
  @media (max-width:475px){
    .div-flautas {
        position:absolute;
        margin: auto;
        margin-top: -120%;
        width: 100%;
        left:-40%;
        right:160%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}  
.div-flautas .flautas {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-flautas .txtflautas {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-flautas:hover .flautas {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-flautas:hover .txtflautas{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*chorizo*/
    
    .div-chorizo {
        position:absolute;
        margin: auto;
        margin-top: -150%;
        width: 100%;
        left:-190%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
    @media (max-width:475px){
    .div-chorizo {
        position:absolute;
        margin: auto;
        margin-top: -180%;
        width: 100%;
        left:-190%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}  
.div-chorizo .chorizo {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-chorizo .txtchorizo {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-chorizo:hover .chorizo {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-chorizo:hover .txtchorizo{
  transform: translate(0px, -20px);
  opacity: 1;
}
    
    /*guacamole*/
    
    .div-guacamole {
        position:absolute;
        margin: auto;
        margin-top: -205%;
        width: 100%;
        left:-70%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
    @media (max-width:475px){
    .div-guacamole {
        position:absolute;
        margin: auto;
        margin-top: -235%;
        width: 100%;
        left:-70%;
        right: 10%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index: ;
}
}  
.div-guacamole .guacamole {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-guacamole .txtguacamole {
  font-family: 'Open Sans';
  padding-top: 5px;
  display: block;
  text-align: center;
color:aliceblue;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-guacamole:hover .guacamole {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-guacamole:hover .txtguacamole{
  transform: translate(0px, -20px);
  opacity: 1;
}