ul.links li.menu-icon-199,
  ul.menu li.menu-icon-199 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Radar_0_0.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-199:hover,
  ul.menu li.menu-icon-199:hover {
    background-size: 110%;
  }

  a.menu-icon-199,
  ul.links li.menu-icon-199 a,
  ul.menu li.menu-icon-199 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-200,
  ul.menu li.menu-icon-200 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Satellite_0.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-200:hover,
  ul.menu li.menu-icon-200:hover {
    background-size: 110%;
  }

  a.menu-icon-200,
  ul.links li.menu-icon-200 a,
  ul.menu li.menu-icon-200 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-201,
  ul.menu li.menu-icon-201 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Radar_1.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-201:hover,
  ul.menu li.menu-icon-201:hover {
    background-size: 110%;
  }

  a.menu-icon-201,
  ul.links li.menu-icon-201 a,
  ul.menu li.menu-icon-201 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-202,
  ul.menu li.menu-icon-202 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Radar200.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-202:hover,
  ul.menu li.menu-icon-202:hover {
    background-size: 110%;
  }

  a.menu-icon-202,
  ul.links li.menu-icon-202 a,
  ul.menu li.menu-icon-202 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-203,
  ul.menu li.menu-icon-203 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Radar50.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-203:hover,
  ul.menu li.menu-icon-203:hover {
    background-size: 110%;
  }

  a.menu-icon-203,
  ul.links li.menu-icon-203 a,
  ul.menu li.menu-icon-203 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-204,
  ul.menu li.menu-icon-204 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Sat-Antilles.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-204:hover,
  ul.menu li.menu-icon-204:hover {
    background-size: 110%;
  }

  a.menu-icon-204,
  ul.links li.menu-icon-204 a,
  ul.menu li.menu-icon-204 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-205,
  ul.menu li.menu-icon-205 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Sat-Atlantique.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-205:hover,
  ul.menu li.menu-icon-205:hover {
    background-size: 110%;
  }

  a.menu-icon-205,
  ul.links li.menu-icon-205 a,
  ul.menu li.menu-icon-205 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-206,
  ul.menu li.menu-icon-206 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/cote.svg);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-206:hover,
  ul.menu li.menu-icon-206:hover {
    background-size: 110%;
  }

  a.menu-icon-206,
  ul.links li.menu-icon-206 a,
  ul.menu li.menu-icon-206 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-207,
  ul.menu li.menu-icon-207 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Large.svg);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-207:hover,
  ul.menu li.menu-icon-207:hover {
    background-size: 110%;
  }

  a.menu-icon-207,
  ul.links li.menu-icon-207 a,
  ul.menu li.menu-icon-207 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-208,
  ul.menu li.menu-icon-208 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Radar.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-208:hover,
  ul.menu li.menu-icon-208:hover {
    background-size: 110%;
  }

  a.menu-icon-208,
  ul.links li.menu-icon-208 a,
  ul.menu li.menu-icon-208 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-209,
  ul.menu li.menu-icon-209 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Satellite.png);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-209:hover,
  ul.menu li.menu-icon-209:hover {
    background-size: 110%;
  }

  a.menu-icon-209,
  ul.links li.menu-icon-209 a,
  ul.menu li.menu-icon-209 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-210,
  ul.menu li.menu-icon-210 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Houlographe.svg);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-210:hover,
  ul.menu li.menu-icon-210:hover {
    background-size: 110%;
  }

  a.menu-icon-210,
  ul.links li.menu-icon-210 a,
  ul.menu li.menu-icon-210 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-222,
  ul.menu li.menu-icon-222 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/Couv6.jpg);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-222:hover,
  ul.menu li.menu-icon-222:hover {
    background-size: 110%;
  }

  a.menu-icon-222,
  ul.links li.menu-icon-222 a,
  ul.menu li.menu-icon-222 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }

    
  ul.links li.menu-icon-225,
  ul.menu li.menu-icon-225 {
    

  
    height: 150px;
   
    display: block;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;

    display: flex;

    background-image: url(/sites/meteofrance.mq/files/menu_icons/35259345-31971868.jpg);       
    background-repeat: no-repeat;
    background-position: center;

    background-size: 100%;
    
    transition: all 0.3s linear;
  }

  ul.links li.menu-icon-225:hover,
  ul.menu li.menu-icon-225:hover {
    background-size: 110%;
  }

  a.menu-icon-225,
  ul.links li.menu-icon-225 a,
  ul.menu li.menu-icon-225 a {
    position:relative;

    display: flex; 
    justify-content: center; 
    align-items: flex-end; 
    width: 100%;


    text-align: center;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    font-family: "Quicksand", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    background: none;
    box-shadow: none;
    font-size: 0.8em;
    line-height: inherit !important;
    font-weight: 700;
    text-shadow: 0 2px 5px #004c80;
  }

  .animation-title {
    text-shadow: none;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Quicksand",sans-serif;
    height: 20px;
    padding-left: 6px;
    padding-right: 6px;
    background: #db0084;
    line-height: 20px;
    overflow: hidden; 
    text-overflow: ellipsis;
    max-width: calc(100% - 20px); 
  }


.menu--main-vignette ul.menu, 
.menu--animations-vignette ul.menu, 
.menu--vignettes-marine ul.menu, 
.menu--vignettes-marine-guadeloupe ul.menu, 
.menu--vignettes-marine-saint-mart ul.menu, 
.menu--animation-vignette ul.menu{
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px; 
}

@media screen and (max-width: 1023px){
  .menu--main-vignette ul.menu, 
  .menu--animations-vignette ul.menu, 
  .menu--vignettes-marine ul.menu, 
  .menu--vignettes-marine-guadeloupe ul.menu, 
  .menu--vignettes-marine-saint-mart ul.menu, 
  .menu--animation-vignette ul.menu{
    grid-template-columns: 1fr 1fr;
  }
}