* {box-sizing: border-box}


  body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
  }
  /* Background*/


  body {
          font-family: 'Kalam', cursive;

        }

        body {
          background: rgb(238,174,202);
          background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
        }

  img {
          border-radius: 0%;
          width: 100%;
        }


        #shipping_banner {
          font-size: 20px;
          background: #94bbe9 !important;
          color: black !important;
          overflow: auto;
          text-align: center;
          font-family: 'Rubik Wet Paint', system-ui;

        }



        .navbar-toggler {
          background-color: inherit !important;
              width: auto;
              height: 60px;
              border-color: none;



        }



        .navbar {
          background-color: #eeaeca !important;
          color: #94bbe9 !important;
          background: rgb(238,174,202);
          background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
        }




        .navbar ul li a{
          color: black !important;
              margin: 5px;
        }


        .navbar ul li a:hover{
          color: white !important;
        }

        .navbar-brand {
          color: black !important;

        }




        .navbar-brand img {
          width: 80px;
         height: 84px;
         margin-top: 0px;
        }

        img {
          width: 430px;
          margin-top: 15px;
        }



        .dropdown-menu {
          background: rgb(238,174,202);
          background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
        }


        .navbar .dropdown-item:hover {
        color: white !important;
        background-color: inherit;
        border-color: black !important;
        }


        .footer {
          background-color: #94bbe9 !important;
          width: 100%;
          height: auto;
          position: absolute;
          top: 1102px;
        }



        .footer .col {
          width: 190px;
          height: auto;
          float: left;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          padding: 0px 20px 20px 20px;
        }
        .footer .col h1 {
          margin: 0;
          padding: 0;
          font-family: inherit;
          font-size: 12px;
          line-height: 17px;
          padding: 20px 0px 5px 0px;
          color: black;
          font-weight: normal;
          text-transform: uppercase;
          letter-spacing: 0.250em;
        }
        .footer .col ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
        }
        .footer .col ul li {
          color: black;
          font-size: 15px;
          font-family: inherit;
          font-weight: bold;
          padding: 5px 0px 5px 0px;
          cursor: pointer;
          transition: .2s;
          -webkit-transition: .2s;
          -moz-transition: .2s;
        }
        .social ul li {
          display: inline-block;
          padding-right: 5px !important;
        }

        .footer .col ul li:hover {
          color: #ffffff;
          transition: .1s;
          -webkit-transition: .1s;
          -moz-transition: .1s;
        }
        .clearfix {
          clear: both;
        }
        a {
         text-decoration: none;
         color: white;
        }

        a:hover {
         text-decoration: none;
         color: white;
        }



        .fa {
          padding: 10px;
          font-size: 16px;
          width: 5px;
          text-align: left;
          text-decoration: none;
          margin: 1px ;
          border-radius: 50%;
        }

        .fa:hover {
            opacity: 0.7;
        }

        .fa-facebook {
          background: clear;
          color: black;

        }

        .fa-envelope {
          background: clear;
          color: black;

        }

        .fa-instagram {
          background: clear;
          color: black;

        }
        .fa-copyright {
          position: absolute;
          color: black !important;
          font-size: 10px;
          left: 119px;
          top: 200px;
        }

        #Tre_Vibes_copyright {
          position: absolute;
          color: black !important;
          font-size: 10px;
          left: 135px;
          top: 200px;

        }

.ig {
  position: absolute;
  width: 55%;
  height: 1000px;
  left:25%;
  top: 88px;
  z-index: -1;
}

.shop-now-btn {
          display: inline-block;
          padding: 15px 30px;
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          text-decoration: none;
          border-radius: 2px;
          background-color: #000000;
          color: #fff;
          transition: background-color 0.3s;


      }

      .shop-now-btn:hover {
          background-color: #94bbe9;
          color: #000000;
      }

      @media screen and (max-width: 1112px) {
        .ig {
          position: absolute;
          width: 55%;
          height: 1000px;
          left:25%;
          top: 88px;
        }
      }

      @media screen and (max-width: 1024px) {
        .ig {
          position: absolute;
          width: 55%;
          height: 1000px;
          left:25%;
          top: 88px;
        }
      }

      @media screen and (max-width: 1000px) {
        .ig {
          position: absolute;
          width: 55%;
          height: 1000px;
          left:25%;
          top: 98px;
        }
      }

      @media screen and (max-width: 640px) {
        .ig {
          position: absolute;
          width: 69%;
          height: 1000px;
          left:21%;
          top: 98px;
        }
      }





      @media only screen and (max-width: 600px) {
          .shop-now-btn {
              font-size: 16px;
          }
      }

      @media screen and (max-width: 580px) {
        .ig {
          position: absolute;
          width: 75%;
          height: 670px;
          left:17%;
          top: 135px;
        }

        .footer {
          background-color: #94bbe9 !important;
          width: 100%;
          height: auto;
          position: absolute;
          top: 812px;
        }

      }


      @media screen and (max-width:580px) {
          .fa-copyright {
                position: absolute;
                color: pink;
               font-size: 10px;
                left: 19px;
                  top: 298px;
                              }
}
     @media screen and (max-width: 580px) {
          #Tre_Vibes_copyright {
            position: absolute;
            color: pink;
            font-size: 10px;
            left: 35px;
            top: 298px;
    }
  }


  @media screen and (max-width:440px) {
      .fa-copyright {
            position: absolute;
            color: pink;
           font-size: 10px;
            left: 19px;
              top: 288px;
                          }
  }
  @media screen and (max-width: 440px) {
      #Tre_Vibes_copyright {
        position: absolute;
        color: pink;
        font-size: 10px;
        left: 35px;
        top: 288px;
  }
  }

  @media screen and (max-width:424px) {
      .fa-copyright {
            position: absolute;
            color: pink;
           font-size: 10px;
            left: 19px;
              top: 308px;
                          }
  }
  @media screen and (max-width: 424px) {
      #Tre_Vibes_copyright {
        position: absolute;
        color: pink;
        font-size: 10px;
        left: 35px;
        top: 308px;
  }
  }

@media screen and (max-width:414px) {
    .fa-copyright {
          position: absolute;
          color: pink;
         font-size: 10px;
          left: 19px;
            top: 298px;
                        }
}
@media screen and (max-width: 414px) {
    #Tre_Vibes_copyright {
      position: absolute;
      color: pink;
      font-size: 10px;
      left: 35px;
      top: 298px;
}
}


@media screen and (max-width:400px) {
    .fa-copyright {
          position: absolute;
          color: pink;
         font-size: 10px;
          left: 19px;
            top: 298px;
                        }
}
@media screen and (max-width: 400px) {
    #Tre_Vibes_copyright {
      position: absolute;
      color: pink;
      font-size: 10px;
      left: 35px;
      top: 298px;
}
}


@media screen and (max-width:375px) {
    .fa-copyright {
          position: absolute;
          color: pink;
         font-size: 10px;
          left: 19px;
            top: 508px;
                        }
}
@media screen and (max-width: 375px) {
    #Tre_Vibes_copyright {
      position: absolute;
      color: pink;
      font-size: 10px;
      left: 35px;
      top: 508px;
}
}