gistfile1.txt

#mobile {
  
  
  
  width: 100%; height: 100%;
  
  background-color: @brand-primary;
  
  
  
  #homepage {
    width: 100%; height: 100%; 
    background-color: #292f33;
    position: relative;
    background-image: url('../img/mobile/mobile-homepage-bg-2.jpg');
    background-position: right bottom;
    background-size: cover;
    padding-top: 20px;
    
    h1 {
      color: #fff;
      margin-left: 20px; margin-right: 20px;
      font-size: 36px;
      font-weight: 900;
      text-align: center;
  
      
    }
    
    p {
      margin-left: 20px; margin-right: 20px;
      text-align: center;
      color: #fff;
      font-size: 20px;
      
    }
    
    .logo{
      background-image: url('../img/brand/logo-lg.png');
      background-position: center;
      background-size: 40px 40px;
      width: 40px; height: 40px;
      display: block;
      border-radius: 4px;
      margin-left: 20px;

      
    }
    
    .btn-connect-facebook{
      position: absolute; bottom: 30%; left: 20%; right: 20%;
      border-radius: 4px;
      padding: 15px;
      background-color: @brand-primary;
      color: #fff;
      text-align: center;
    }    
    
    .btn-how-we-do-dating-differently {
      position: absolute; bottom: 0; left: 0;
      width: 100%;
      padding: 10px;
      text-align: center;
      color: @brand-dark;
      background-color: #fff;
      
      &:focus, &:active {
      background-color: @brand-primary;
        color: #fff;
        
      }
      
    }
    
    
    
    
  }
  
  
  #leagues {
    width: 100%; height: 100%;
    background-color: #000;
    
    
  }
  
  
  
  
}