@media screen and (max-width:640px){
    section{
       width: 100%;
       height:fit-content;
    }
    .navbar ul li a {
      text-align: center;
      width: 100%;
    }
    #first
    {
      position: relative;
      bottom: 10vw;
    }
    .col-md-5 p{

      position: relative;
      top: 4vw;
      bottom: 2vw;
      right: 2vw;
    }
    #colmd4
    {
      position: relative;
      right: 1vw;
    }
    .checkbtn
    {
      position: relative;
      left: 5vw;
      top: 1vw;
    }
    #h2
    {
      position: relative;
      top: 2vw;
      left: 1vw;
    }
    #h1
    {
      position: relative;
      width: 30%;
      right: 10px;
    }
    #i1{
      width: 100%;
    }
    #video1
    {
      width: 100%;
      height:40vw;
      position: relative;
      left: 6vw;
    }
    #btnwork{
        position: relative;
        left: 2vw;
        top: 4vw;
    }
    #work
    {
      position: relative;
      right: 5vw;
    }
    #work1
    {
      position: relative;
    }
      #h2
      {
        width: 100%;
        position: relative;
        bottom: 2px;
        font-size: 20px;
        left: 32vw;
      }
      #video2
      {
        width: 100%;
        height: 40vw;
        position: relative;
        top: 3vw;
      }
    #h3
    {
      position: relative;
      left: 6vw;
      top: 1vw;
    }
    #h4
    {
      font-size: 20px;
      position: relative;
      left: 6.5vw;
      top: 1vw;
    }
    #btntodo
    {
      position: relative;
      top: 2vw;
      left:6.5vw;
    }
    #hr2
    {
      position: relative;
      top: 16vw;
    }
    #green1
    {
      position: relative;
      left: 8vw;
    }
    #green
    {

      font-size: 20px;
      position: relative;
      left: 9vw;
      top: -4vw;
    }
    #btngreen
    {
      position: relative;
      left: 8vw;
    }
    #b2
    {
      position: relative;
      left: 15vw;
    }
    #about
    {
      width: 100%;
  
    }
    #hr3
    {
      width: 35%;
      position: relative;
      bottom: 10vw;
      left: 1.3vw;
    }
    #h5
    {
      font-size: 20px;
      position: relative;
      left: 29vw;
      top:-19px;
    }
    #i1
    {
      position: relative;
    }
    .wrapper
    {
      width: 100%;
    }
    .skillbar
    {
      position: relative;
      right: 3.5vw;
    }
    #bio h3
    {
      width: 100%;
      font-size: 20px;
      position: relative;
      right: 14vw;
      top: 8vw;
  
    }
    #contact
    {
      position: relative;
      top: 25vw;
    }
    #contactme
    {
      font-size:20px;
      position: relative;
      bottom: 3vw;
      left: 22vw;
    }
    #hr4
    {
      width: 48%;
    }
    #last
    {
      width: 100%;
      text-align: center;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    #btn
    {
      position: relative;
      left: 19vw;
      margin: 5vw;
    }
    #copyright
    {
      position: relative;
      right: 27vw;
    }
  }