/* Target -> 1400px to 1500px */
@media only screen and (max-width: 1500px) {
  /* Homepage */

  .greet img {
    width: 60%;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> 1200px to 1400px */
@media only screen and (max-width: 1400px) {
  /* Projects Page */

  .projects-section {
    padding: 10%;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> Big Tablets to 1200px */
@media only screen and (max-width: 1200px) {
  /* Homepage */

  .text-box span {
    font-size: 100px;
    line-height: 0px;
  }

  .greet img {
    width: 70%;
  }

  /* About Page */

  .about-section {
    padding: 15%;
  }

  /* Projects Page */

  .projects-section {
    padding: 10%;
  }

  /* Contact Page */

  .contact-section {
    padding: 15%;
  }

  .contact-section .line {
    font-size: 100px;
    padding-top: 0%;
    padding-bottom: 30%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 10% 15%;
  }

  .primary-img {
    margin: 5% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> From 767px to 1023px */
@media only screen and (max-width: 1023px) {
  /* Homepage */

  .text-box span {
    font-size: 100px;
    line-height: 120px;
  }

  .greet:last-child {
    margin-top: 10%;
  }

  .greet img {
    width: 100%;
  }

  /* About Page */

  .about-section {
    padding: 20% 10% 40% 10%;
  }

  /* Projects Page */

  .projects-section {
    padding: 20% 10%;
  }

  .project_gallery {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  /* Contact Page */

  .contact-section {
    padding: 25% 10% 40% 10%;
  }

  .contact-section .line {
    font-size: 70px;
    padding-bottom: 40%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 15%;
  }

  .primary-img {
    margin: 5% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> Small Phones to Small Tablets : From 481px to 767px */
@media only screen and (max-width: 767px) {
  /* Homepage */

  .text-box span {
    font-size: 100px;
    line-height: 130px;
  }

  .greet:last-child {
    text-align: justify;
    margin-top: 10%;
  }

  .greet img {
    width: 100%;
  }

  /* About Page */

  .about-section {
    padding: 20% 10%;
  }

  /* Projects Page */

  .projects-section {
    padding: 15% 5%;
  }

  .project_gallery {
    width: 100%;
  }

  /* Contact Page */

  .contact-section {
    padding: 20% 10%;
  }

  .contact-section .line {
    font-size: 70px;
    padding-top: 0%;
    padding-bottom: 30%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 20% 10%;
  }

  .primary-img {
    margin: 5% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> Small Phones: From 0 to 600px */
@media only screen and (max-width: 600px) {
  /* Homepage */

  .text-box span {
    font-size: 90px;
  }

  .greet:last-child {
    text-align: justify;
    margin-top: 15%;
  }
  .greet img {
    width: 100%;
  }

  .hello-msg:hover:before,
  .name-msg:hover:before,
  .i-am-msg:hover:before {
    font-size: 90px;
  }

  /* About Page */

  .about-section {
    padding: 20% 5%;
  }

  /* Projects Page */

  .projects-section {
    padding: 15%;
  }

  .project_gallery {
    width: 100%;
  }

  /* Contact Page */

  .contact-section {
    padding: 20% 5%;
  }

  .contact-section .line {
    font-size: 60px;
    padding-top: 0%;
    padding-bottom: 30%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 20% 5%;
  }

  .primary-img {
    margin: 10% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> Small Phones: From 0 to 480px */
@media only screen and (max-width: 480px) {
  /* Homepage */

  .text-par {
    margin-bottom: 0;
  }

  .text-box span {
    font-size: 70px;
  }

  .greet:last-child {
    text-align: justify;
    margin-top: 20%;
  }
  .greet img {
    width: 100%;
  }

  .hello-msg:hover:before,
  .name-msg:hover:before,
  .i-am-msg:hover:before {
    font-size: 70px;
  }

  /* About Page */

  .about-section {
    padding: 20% 5%;
  }

  /* Projects Page */

  .projects-section {
    padding: 10% 5%;
  }

  .project_gallery {
    width: 100%;
    padding-right: 5%;
  }

  /* Contact Page */

  .contact-section {
    padding: 30% 5%;
  }

  .contact-section .line {
    font-size: 50px;
    padding-top: 0%;
    padding-bottom: 40%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 20% 3%;
  }

  .primary-img {
    margin: 10% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Target -> From 0px to 390px */
@media only screen and (max-width: 390px) {
  /* Homepage */

  .text-par {
    margin-bottom: 0;
  }

  .text-box span {
    font-size: 70px;
  }

  .greet:last-child {
    text-align: justify;
    margin-top: 20%;
  }

  .greet img {
    width: 100%;
  }

  .hello-msg:hover:before,
  .name-msg:hover:before,
  .i-am-msg:hover:before {
    font-size: 70px;
  }

  /* About Page */

  .about-section {
    padding: 20% 5%;
  }

  /* Projects Page */

  .projects-section {
    padding: 10% 0;
  }

  .projects-section .text-box h1 {
    font-size: 40px;
  }

  .projects-section .text-box div {
    padding-bottom: 20%;
  }

  /* Contact Page */

  .contact-section {
    padding: 15% 5% 30% 5%;
  }

  .contact-section .line {
    font-size: 40px;
    padding-top: 30%;
    padding-bottom: 40%;
  }

  /* Personal Projects */

  .restaurant-online-presence-section,
  .photography-online-presence-section,
  .dice-game-section,
  .portfolio-section {
    padding: 20% 3%;
  }

  .primary-img {
    margin: 10% 0;
  }
}
/* ----------------------------------------------------------------- */

/* Galaxy Fold */
@media only screen and (max-width: 280px) {
  /* Homepage */

  .text-par,
  .text-box span {
    font-size: 40px;
    line-height: 60px;
  }

  .hello-msg:hover:before,
  .name-msg:hover:before,
  .i-am-msg:hover:before {
    font-size: 40px;
  }

  /* Projects Page */

  .projects-section {
    padding: 20% 1%;
  }

  .project_gallery {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
}