// Converted Variables

// Custom Media Query Variables

/*

   BACKGROUND POSITION

   Base:
   bg = background

   Modifiers:
   -center = center center
   -top = top center
   -right = center right
   -bottom = bottom center
   -left = center left

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/

.bg-center {

background-repeat: no-repeat;
background-position: center center;

}

.bg-top {

background-repeat: no-repeat; 
background-position: top center;

}

.bg-right {

background-repeat: no-repeat; 
background-position: center right;

}

.bg-bottom {

background-repeat: no-repeat; 
background-position: bottom center;

}

.bg-left {

background-repeat: no-repeat; 
background-position: center left;

}

@media #{$breakpoint-not-small} {

.bg-center-ns { 
  background-repeat: no-repeat;
  background-position: center center; 
}

.bg-top-ns {    
  background-repeat: no-repeat; 
  background-position: top center;    
}

.bg-right-ns {  
  background-repeat: no-repeat; 
  background-position: center right;  
}

.bg-bottom-ns { 
  background-repeat: no-repeat; 
  background-position: bottom center; 
}

.bg-left-ns {   
  background-repeat: no-repeat; 
  background-position: center left;   
}

}

@media #{$breakpoint-medium} {

.bg-center-m { 
  background-repeat: no-repeat;
  background-position: center center; 
}

.bg-top-m {    
  background-repeat: no-repeat; 
  background-position: top center;    
}

.bg-right-m {  
  background-repeat: no-repeat; 
  background-position: center right;  
}

.bg-bottom-m { 
  background-repeat: no-repeat; 
  background-position: bottom center; 
}

.bg-left-m {   
  background-repeat: no-repeat; 
  background-position: center left;   
}

}

@media #{$breakpoint-large} {

.bg-center-l { 
  background-repeat: no-repeat;
  background-position: center center; 
}

.bg-top-l {    
  background-repeat: no-repeat; 
  background-position: top center;    
}

.bg-right-l {  
  background-repeat: no-repeat; 
  background-position: center right;  
}

.bg-bottom-l { 
  background-repeat: no-repeat; 
  background-position: bottom center; 
}

.bg-left-l {   
  background-repeat: no-repeat; 
  background-position: center left;   
}

}