.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2%;
  width: 100%;
  padding: 3% 0;
}

.wrap .title,
.wrap .notfound,
.wrap .main,
.wrap .ig,
.wrap .popeyes {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.wrap .title {
  width: 40%;
  padding-top: 15%;
}

.wrap .notfound {
  width: 70%;
  padding-top: 30%;
}

.wrap .main {
  width: 60%;
  padding-top: 40%;
}

.wrap .ig {
  width: 35%;
  padding-top: 25%;
}

.wrap .popeyes {
  width: 55%;
  padding-top: 15%;
}

@media only screen and (max-width: 1024px) {
  .wrap {
    height: 100%;
  }
  .wrap .title {
    width: 70%;
    height: 10%;
    padding-top: 0;
  }
  .wrap .notfound {
    width: 90%;
    height: 25%;
    padding-top: 0;
  }
  .wrap .main {
    width: 100%;
    height: 35%;
    padding-top: 0;
  }
  .wrap .ig {
    width: 60%;
    height: 18%;
    padding-top: 0;
  }
  .wrap .popeyes {
    width: 70%;
    height: 7%;
    padding-top: 0;
  }
}
/*# sourceMappingURL=index.css.map */