/*************************************/
.vegextra-color1 {
  color: #67acbc;
}

.vegextra-color1_1 {
  color: #67acbc;
}

.vegextra-color1_2 {
  color: #67acbc;
}

.vegextra-color1_3 {
  color: #67acbc;
}

.vegextra-color1_4 {
  color: #67acbc;
}

.vegextra-color1_5 {
  color: #67acbc;
}

.vegextra-color2 {
  color: #231d45;
}

.vegextra-color2_1 {
  color: #231d45;
}

.vegextra-color2_2 {
  color: #231d45;
}

.vegextra-color2_3 {
  color: #231d45;
}

.vegextra-color2_4 {
  color: #231d45;
}

.vegextra-color2_5 {
  color: #231d45;
}

.vegextra-color3 {
  color: #4995a6;
}

.vegextra-color3_1 {
  color: #4995a6;
}

.vegextra-color3_2 {
  color: #4995a6;
}

.vegextra-color3_3 {
  color: #4995a6;
}

.vegextra-color3_4 {
  color: #4995a6;
}

.vegextra-color3_5 {
  color: #4995a6;
}

.vegextra-color4 {
  color: #009fa0;
}

.vegextra-color4_1 {
  color: #009fa0;
}

.vegextra-color4_2 {
  color: #009fa0;
}

.vegextra-color4_3 {
  color: #009fa0;
}

.vegextra-color4_4 {
  color: #009fa0;
}

.vegextra-color4_5 {
  color: #009fa0;
}

.vegextra-color5 {
  color: #ffffff;
}

.vegextra-color5_1 {
  color: #ffffff;
}

.vegextra-color5_2 {
  color: #ffffff;
}

.vegextra-color5_3 {
  color: #ffffff;
}

.vegextra-color5_4 {
  color: #ffffff;
}

.vegextra-color5_5 {
  color: #ffffff;
}

.vegextra-color_custom1 {
  color: #000000;
}

.vegextra-color_custom2 {
  color: #ffffff;
}

.vegextra-color_custom3 {
  color: #fa5555;
}

.vegextra-color_custom4 {
  color: #52cf0a;
}

.vegextra-color_custom5 {
  color: #0872f2;
}

.vegextra-bg-color1 {
  background: #67acbc;
}

.vegextra-bg-color1_1 {
  background: #67acbc;
}

.vegextra-bg-color1_2 {
  background: #67acbc;
}

.vegextra-bg-color1_3 {
  background: #67acbc;
}

.vegextra-bg-color1_4 {
  background: #67acbc;
}

.vegextra-bg-color1_5 {
  background: #67acbc;
}

.vegextra-bg-color2 {
  background: #231d45;
}

.vegextra-bg-color2_1 {
  background: #231d45;
}

.vegextra-bg-color2_2 {
  background: #231d45;
}

.vegextra-bg-color2_3 {
  background: #231d45;
}

.vegextra-bg-color2_4 {
  background: #231d45;
}

.vegextra-bg-color2_5 {
  background: #231d45;
}

.vegextra-bg-color3 {
  background: #4995a6;
}

.vegextra-bg-color3_1 {
  background: #4995a6;
}

.vegextra-bg-color3_2 {
  background: #4995a6;
}

.vegextra-bg-color3_3 {
  background: #4995a6;
}

.vegextra-bg-color3_4 {
  background: #4995a6;
}

.vegextra-bg-color3_5 {
  background: #4995a6;
}

.vegextra-bg-color4 {
  background: #009fa0;
}

.vegextra-bg-color4_1 {
  background: #009fa0;
}

.vegextra-bg-color4_2 {
  background: #009fa0;
}

.vegextra-bg-color4_3 {
  background: #009fa0;
}

.vegextra-bg-color4_4 {
  background: #009fa0;
}

.vegextra-bg-color4_5 {
  background: #009fa0;
}

.vegextra-bg-color5 {
  background: #ffffff;
}

.vegextra-bg-color5_1 {
  background: #e6e6e6;
}

.vegextra-bg-color5_2 {
  background: #f2f2f2;
}

.vegextra-bg-color5_3 {
  background: #ffffff;
}

.vegextra-bg-color5_4 {
  background: #ffffff;
}

.vegextra-bg-color5_5 {
  background: #ffffff;
}

.vegextra-bg-color_custom1 {
  background: #000000;
}

.vegextra-bg-color_custom2 {
  background: #ffffff;
}

.vegextra-bg-color_custom3 {
  background: #fa5555;
}

.vegextra-bg-color_custom4 {
  background: #52cf0a;
}

.vegextra-bg-color_custom5 {
  background: #0872f2;
}

html {
  font-family: "Poppins";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

* {
  outline: none;
}

body {
  margin: 0;
  padding: 0;
}

.main-grid {
  max-width: 100%;
  outline: 1px yellow solid;
  grid-template-columns: 50% 1200px 50%;
}
.main-grid .grid {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 0;
  outline: 1px red solid;
  /*  grid-template-columns: repeat(12, minmax(50px, 1fr)); */
  grid-template-columns: repeat(12, 1fr);
  /*  .veg-tile::before {
        content: '';
        width: 0;
        padding-bottom: 100%;
        grid-row: 1 / 1;
        grid-column: 1 / 1;
    }

    .veg-tile:first-child {
        grid-row: 1 / 1;
        grid-column: 1 / 1;
    }*/
}
@media all and (min-width: 850px) {
  .main-grid .grid {
    max-width: 850x;
    outline: 1px blue solid;
    grid-template-columns: repeat(24, minmax(35px, 1fr));
  }
}
@media all and (min-width: 1200px) {
  .main-grid .grid {
    max-width: 1200px;
    outline: 1px green solid;
    grid-template-columns: repeat(24, minmax(50px, 1fr));
  }
}
.main-grid .grid .veg-tile {
  outline: 4px black solid;
}

.accueil-top {
  background-image: url("../img/drew-hays-tGYrlchfObE-unsplash-landscape.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-attachment: fixed;
  margin-top: 95px;
}

.div01 {
  grid-row: 4/4;
  grid-column: 1/12;
}
@media all and (min-width: 850px) {
  .div01 {
    grid-row: 4/4;
    grid-column: 3/17;
  }
}

.div02 {
  grid-row: 6/6;
  grid-column: 1/11;
}
@media all and (min-width: 850px) {
  .div02 {
    grid-row: 6/6;
    grid-column: 6/12;
  }
}

.div03 {
  grid-row: 7/7;
  grid-column: 1/11;
}
@media all and (min-width: 850px) {
  .div03 {
    grid-row: 7/7;
    grid-column: 6/12;
  }
}

.div04 {
  grid-row: 8/8;
  grid-column: 1/11;
}
@media all and (min-width: 850px) {
  .div04 {
    grid-row: 8/8;
    grid-column: 6/12;
  }
}

.div05 {
  grid-row: 6/9;
  grid-column: 11/11;
}
@media all and (min-width: 850px) {
  .div05 {
    grid-row: 6/9;
    grid-column: 12/12;
  }
}

@media all and (min-width: 850px) {
  .div06 {
    grid-row: 6/6;
    grid-column: 5/6;
  }
}

@media all and (min-width: 850px) {
  .div07 {
    grid-row: 5/5;
    grid-column: 3/5;
  }
}

/*# sourceMappingURL=style.css.map */