.top-to-btm{
    position: relative;
  }
  
  .icon-position{
    position: fixed;
    bottom: 25vh;
    left: 3vw;
    z-index: 20;
  }
  
  .icon-style{
    /* background-color: #CDCCCC;
    border: 2px solid #1A5195;
    border-radius: 50%;
    color: #CDCCCC;
    padding: 10px; */
    animation: movebtn 3s ease-in-out infinite;
    height: 25px;
    width: 30px;
    cursor: pointer;
    transition: all .5s ease-in-out;
  }
  
  .icon-style:hover{
    animation: none;
    /* background: #1A5195;
    color: #1A5195;
    border: 2px solid #CDCCCC; */
  }
  
  @keyframes movebtn {
    0%{
      transform: translateY(0px);
    }
    25%{
      transform: translateY(5px);
    }
    75%{
      transform: translateY(-5px);
    }
    100%{
      transform: translateY(0px);
    }
  }

/*   @media only screen and (max-width: 576px) {
    .icon-style{
      height: 15px;
      width: 15px;
      padding: 5px;
    }
  }
  @media only screen and (min-width: 577px) {
    .icon-style{
      height: 20px;
      width: 20px;
      padding: 8px;
    }
  }
  @media only screen and (min-width: 768px) {
    .icon-style{
      height: 30px;
      width: 30px;
    }
  } 
  @media only screen and (max-height: 768px) {
    .icon-style{
      height: 20px;
      width: 20px;
      padding: 8px;
    }
  } */