html{
      /*overflow-y: hidden !important;*/
      overflow-x: hidden;
      height: 100vh;
    }
      body{
        height: 100vh;
        background:#FFD4DE;
        overflow-x:hidden !important;
      }
      .links_below{
        padding-top: 5%;
      }
      .container-fluid{
        height: 87vh;
      }
      .container{
        height: 87vh;
      }
      .about-text{
        height: 80vh;
      }
      .center{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top:10%;
        height: 87vh;
      }
      .link{
        color:black;
      }
      .annimate{
        width: 48%;
        bottom: 26%;
        left: 64%;
        z-index: 000;
      }
      .svg{
        width: 26%;
        padding: 0;
        margin-right: 20%;
        top: -40%;
      }
      .icons{
        font-size: 4px;
        padding-right: 10px;
        color: orange;
        visibility: hidden;
      }
      @media only screen and (max-width: 1500px){
      	.still{
      		margin-top: 12% !important;
      	}
      	.link-img{
      		margin-top: 12% !important;
      	}
      }

      @media only screen and (max-width: 1024px){
        .center{
          margin-top:15% !important;
        }
      }

      @media only screen and (max-width: 800px){
        .center{
          margin-top: 40% !important;
        }
      }

      @media only screen and (max-width: 767px){
        .about-text{
          height: 100vh !important;
        }
        .icons{
          visibility: visible;
        }
       .link1{
        padding-right: 4px !important;
       }
       .link2{
        padding-right: 4px !important;
        padding-left: 4px !important;
       }
       .link3{
        padding-right: 4px !important;
        padding-left: 4px !important;
       }
       .link4{
        padding-right: 4px !important;
        padding-left: 4px !important;
       }
        html{
      overflow-y: hidden !important;
        }
        .links_below a{
          text-decoration: none;
          padding: 14px;
        }
        p{
          font-size: 14px !important;
        }
        .img-mbl{
          margin-left:-30%;
        }
        .annimate{
          left:35%;
          /*display: none;*/
        }
        .annimates{
          display: none;
        }
        .links-img{
          padding: 0px;
        }

        /*.still{
          margin-top: 18% !important;
        }*/


        .links-img1{
          padding: 0px;
          margin-left: 8px;
        }
        .links_below{
          position: absolute;
          bottom: 80px !important;
        }
        .foods{
          margin-top: 20% !important;
          padding-top: 0px !important;
        }
        .mble{
        margin-top: 6%;
        display: none;
        }
        .link-img{
          margin-top: 18% !important;
          margin-left: 0px;
        }
        .link-img+p{
          margin-top:18% !important;
        }
        .center{
          margin-top: 0px !important;
          height: 100vh !important;
        }
      }
      p{
        font-family:'Poppins';
      }

      @media screen and (max-width: 320px),screen and(max-height: 480px){
        .about-text{
          height: 100vh !important;
        }
        /* .links_below{
          bottom: 0px !important;
        }
        .foods{
          margin-top: 10% !important;
        } */
      }

      @media only screen and (max-width: 1280px){
        .links_below{
          margin-top: 35px !important;
        }
      }

      @media screen and (max-width: 414px),screen and(max-height: 896px){
        .links_below{
          bottom: 125px !important;
        }
        /* html{
          overflow-y: hidden !important;
        }
        body{
          overflow-y: hidden !important;
        } */
        /* body{
          overflow-y: hidden !important;
        }
        html{
          overflow-y: hidden !important;
        } */
        .foods{
          margin-top: 8% !important;
        }
      }

      @media only screen and (max-width: 1440px),screen and(max-height: 900px){
        .center{
          margin-top: 6% !important;
        }
      }

      @media only screen and (max-width: 1280px),screen and(max-height: 800px){
        .center{
          margin-top: 6% !important;
        }
      }

      @media only screen and (max-width: 768px),screen and(max-height: 1024px){
        .center{
          margin-top: 12% !important;
        }
      }

      @media only screen and (max-width: 375px){
          .links_below{
            bottom: 170px !important;
          }
      }

      @media only screen and (max-width: 320px){
          .foods{
            margin-top: 0 !important;
          }
      }

      @media only screen and (max-width: 280px){
        .link1{
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .link2{
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .link3{
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
      }

@media only screen and (max-height: 812px){
  .links_below{
    bottom: 200px !important;
  }
}