@mixin mainFont($weight: 700) {

font-family: "Titillium Web", "Helvetica Neue", Helvetica, sans-serif;
font-weight: $weight;
font-style: normal;

}

@mixin size($width: 30, $height: 30) {

width: #{$width}px;
height: #{$height}px;

}

@mixin center($max-width: map-get($jeet, 'max-width'), $pad: 0) {

@include clearfix;
width: auto;
max-width: $max-width;
float: none;
display: block;
margin: {
  right: auto;
  left:  auto;
};
padding: {
  left:  $pad;
  right: $pad;
};

}

@mixin align($direction: both) {

position: absolute;
transform-style: preserve-3d;

@if index("horizontal" "h", $direction) {
  left: 50%;
  transform: translateX(-50%);
} @else if index("vertical" "v", $direction) {
  top: 50%;
  transform: translateY(-50%);
} @else {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

}

@mixin clearfix() {

&::after {
  content: '';
  display: table;
  clear: both;
}

}