body{
    background-image: url(../image/denim.png);

    
    
}
html {
    scroll-padding-top: 85px; /* height of sticky header */
}

.footer {
    position: relative;
    margin-top: 10vh; /*negative value of footer height */
    height: 30vh;
    clear:both;
   padding-top:20px;
  } 
  
  
  #wrap {
    min-height: 100%;
  }
  
  #main {
    overflow:auto;
    padding-bottom:150px; /* this needs to be bigger than footer height*/
  }
  
  @media(max-width:992px) {
    #sex1{
      display: flex !important;

    }
  }
  @media(min-width:992px){
    #sex1{
      position: fixed !important;
      max-width: 23vw;
      transform: translateY(-10%);
      overflow-y: scroll;
      flex-wrap: nowrap;
      max-height: 70vh!important;
    }
  }