@import url("https://fonts.googleapis.com/css2?family=Ranchers&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ranchers&family=Righteous&display=swap");
body {
  overflow-x: hidden;
}
body .main {
  overflow: hidden;
  width: 100%;
}
body .main .pageHead {
  position: fixed;
  width: 100%;
}
body .main .pageHead .logo img {
  width: 70px;
  height: 70px;
}
body .main .pageHead .burger .link img {
  max-width: 60px;
  max-height: 60px;
}
body .main .milk {
  width: 100%;
  overflow: hidden;
}
body .main .milk section {
  width: 100%;
  height: 100vh;
  color: #F4F6F7;
}
body .main .milk section div .topText p {
  font-size: 8rem;
  font-family: "Righteous", sans-serif;
  -webkit-text-stroke: 3px white;
  opacity: 1;
}
@media (max-width: 768px) {
  body .main .milk section div .topText p {
    font-size: 40px;
    -webkit-text-stroke: 2px white;
    transform: translate(50px);
  }
}
@media (max-width: 576px) {
  body .main .milk section div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 1px white;
    transform: translate(50px);
  }
}
body .main .milk section div .botText p {
  font-size: 8rem;
  font-family: "Righteous", sans-serif;
  opacity: 1;
  transform: translate(-60px);
}
@media (max-width: 768px) {
  body .main .milk section div .botText p {
    font-size: 40px;
    transform: translate(-50px);
  }
}
@media (max-width: 576px) {
  body .main .milk section div .botText p {
    font-size: 30px;
    transform: translate(-50px);
  }
}
body .main .milk .sec-0 {
  background-color: #ffe4e1;
}
body .main .milk .sec-0 div .topText p {
  -webkit-text-stroke: 3px #3e8abb;
  color: #ffe4e1;
  transform: translate(50px);
}
@media (max-width: 430px) {
  body .main .milk .sec-0 div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 1.5px #3e8abb;
    transform: translate(50px);
  }
}
@media (max-width: 390px) {
  body .main .milk .sec-0 div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 1px #3e8abb;
    transform: translate(50px);
  }
}
body .main .milk .sec-0 div .botText p {
  color: #3e8abb;
}
@media (max-width: 430px) {
  body .main .milk .sec-0 div .botText p {
    font-size: 30px;
    -webkit-text-stroke: 1px white;
    transform: translate(-50px);
  }
}
@media (max-width: 390px) {
  body .main .milk .sec-0 div .botText p {
    font-size: 30px;
    -webkit-text-stroke: 1px white;
    transform: translate(-50px);
  }
}
body .main .milk .sec-0 div .img {
  overflow: visible;
}
body .main .milk .sec-0 div .img img {
  width: 350px;
  height: 350px;
}
@media (max-width: 768px) {
  body .main .milk .sec-0 div .img img {
    width: 30%;
    height: 60%;
  }
}
@media (max-width: 576px) {
  body .main .milk .sec-0 div .img img {
    width: 70%;
    height: 100%;
  }
}
@media (max-width: 430px) {
  body .main .milk .sec-0 div .img img {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 390px) {
  body .main .milk .sec-0 div .img img {
    width: 200px;
    height: 200px;
  }
}
body .main .milk .sec-1 {
  background-color: #3e8abb;
}
body .main .milk .sec-1 div .topText p {
  color: #3e8abb;
  transform: translate(20px);
}
@media (max-width: 430px) {
  body .main .milk .sec-1 div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 0.7px white;
    transform: translate(5px);
  }
}
@media (max-width: 390px) {
  body .main .milk .sec-1 div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 0.5px white;
    transform: translate(5px);
  }
}
body .main .milk .sec-1 div .img {
  overflow: visible;
}
body .main .milk .sec-1 div .img img {
  width: 300px;
  height: 230px;
}
@media (max-width: 768px) {
  body .main .milk .sec-1 div .img img {
    width: 30%;
    height: 60%;
  }
}
@media (max-width: 576px) {
  body .main .milk .sec-1 div .img img {
    width: 200px;
    height: 140px;
  }
}
@media (max-width: 430px) {
  body .main .milk .sec-1 div .img img {
    width: 200px;
    height: 140px;
  }
}
@media (max-width: 390px) {
  body .main .milk .sec-1 div .img img {
    width: 200px;
    height: 140px;
  }
}/*# sourceMappingURL=paneer.css.map */