/* Menu principal */
menu {
  padding: 50px;
}

  #cenouralogo {
    position: absolute;
    top: 2%;
    left:27%;
    width: 160px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
     #CESTADEALIMENTOSlogo {
    position: absolute;
    top: 5%;
    left:47%;
    width: 120px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo {
    position: absolute;
    top: 3%;
    right: 30%;
    width: 100px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo:hover, #cenouralogo:hover, #CESTADEALIMENTOSlogo:hover {
    width: 200px;
    animation: none;
  }
  
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.18); }
    100% { transform: scale(1); }
  }
  
  @media screen and (max-width: 1366px) {
     #cenouralogo {
    position: absolute;
    top: 2%;
    left:17%;
    width: 160px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
     #CESTADEALIMENTOSlogo {
    position: absolute;
    top: 9%;
    left:46%;
    width: 120px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo {
    position: absolute;
    top: 3%;
    right: 20%;
    width: 100px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo:hover, #cenouralogo:hover, #CESTADEALIMENTOSlogo:hover {
    width: 180px;
    animation: none;
  }

  }
  @media screen and (max-width: 768px) {
         #cenouralogo {
    position: absolute;
    top: 2%;
    left:3%;
    width: 90px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
     #CESTADEALIMENTOSlogo {
    position: absolute;
     top: 2%;
    left:33%;
     width: 80px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo {
    position: absolute;
     top: 2%;
    left:63%;
     width: 80px;
    height: auto;
    animation: pulse 2s infinite ease-in-out;
    cursor: pointer;
    z-index: 1000;
  }
   #IAlogo:hover, #cenouralogo:hover, #CESTADEALIMENTOSlogo:hover {
    width: 130px;
    animation: none;
  }

  }