/**
Margins
*/

.ma-auto {
  margin: auto !important;
}

.ma-t-auto {
  margin-top: auto !important;
}

.ma-b-auto {
  margin-bottom: auto !important;
}

.ma-r-auto {
  margin-right: auto !important;
}

.ma-l-auto {
  margin-left: auto !important;
}

.ma-0-auto {
  margin: 0 auto !important;
}

.ma-auto-0 {
  margin: auto 0 !important;
}

.ma-0 {
  margin: 0 !important;
}

.ma-t-0 {
  margin-top: 0 !important;
}

.ma-b-0 {
  margin-bottom: 0 !important;
}

.ma-r-0 {
  margin-right: 0 !important;
}

.ma-l-0 {
  margin-left: 0 !important;
}

.ma-10 {
  margin: 10px !important;
}

.ma-l-10 {
  margin-left: 10px !important;
}

.ma-r-10 {
  margin-right: 10px !important;
}

.ma-t-10 {
  margin-top: 10px !important;
}

.ma-b-10 {
  margin-bottom: 10px !important;
}

.ma-5 {
  margin: 5px !important;
}

.ma-l-5 {
  margin-left: 5px !important;
}

.ma-r-5 {
  margin-right: 5px !important;
}

.ma-t-5 {
  margin-top: 5px !important;
}

.ma-b-5 {
  margin-bottom: 5px !important;
}

.ma-20 {
  margin: 20px !important;
}

.ma-l-20 {
  margin-left: 20px !important;
}

.ma-r-20 {
  margin-right: 20px !important;
}

.ma-t-20 {
  margin-top: 20px !important;
}

.ma-b-20 {
  margin-bottom: 20px !important;
}

.ma-30 {
  margin: 30px !important;
}

.ma-l-30 {
  margin-left: 30px !important;
}

.ma-r-30 {
  margin-right: 30px !important;
}

.ma-t-30 {
  margin-top: 30px !important;
}

.ma-b-30 {
  margin-bottom: 30px !important;
}

.ma-50 {
  margin: 50px !important;
}

.ma-l-50 {
  margin-left: 50px !important;
}

.ma-r-50 {
  margin-right: 50px !important;
}

.ma-t-50 {
  margin-top: 50px !important;
}

.ma-b-50 {
  margin-bottom: 50px !important;
}

.ma-20-p {
  margin: 20% !important;
}

.ma-t-20-p {
  margin-top: 20% !important;
}

.ma-b-20-p {
  margin-bottom: 20% !important;
}

.ma-l-20-p {
  margin-left: 20% !important;
}

.ma-r-20-p {
  margin-right: 20% !important;
}

.ma-10-p {
  margin: 10% !important;
}

.ma-t-10-p {
  margin-top: 10% !important;
}

.ma-b-10-p {
  margin-bottom: 10% !important;
}

.ma-l-10-p {
  margin-left: 10% !important;
}

.ma-r-10-p {
  margin-right: 10% !important;
}

/**
Paddings
*/

.pa-5 {
  padding: 5px !important;
}

.pa-l-5 {
  padding-left: 5px !important;
}

.pa-r-5 {
  padding-right: 5px !important;
}

.pa-t-5 {
  padding-top: 5px !important;
}

.pa-b-5 {
  padding-bottom: 5px !important;
}

.pa-10 {
  padding: 10px !important;
}

.pa-l-10 {
  padding-left: 10px !important;
}

.pa-r-10 {
  padding-right: 10px !important;
}

.pa-t-10 {
  padding-top: 10px !important;
}

.pa-b-10 {
  padding-bottom: 10px !important;
}

.pa-20 {
  padding: 20px !important;
}

.pa-l-20 {
  padding-left: 20px !important;
}

.pa-r-20 {
  padding-right: 20px !important;
}

.pa-t-20 {
  padding-top: 20px !important;
}

.pa-b-20 {
  padding-bottom: 20px !important;
}

.pa-30 {
  padding: 30px !important;
}

.pa-l-30 {
  padding-left: 30px !important;
}

.pa-r-30 {
  padding-right: 30px !important;
}

.pa-t-30 {
  padding-top: 30px !important;
}

.pa-b-30 {
  padding-bottom: 30px !important;
}

.ma-50 {
  padding: 50px !important;
}

.pa-l-50 {
  padding-left: 50px !important;
}

.pa-r-50 {
  padding-right: 50px !important;
}

.pa-t-50 {
  padding-top: 50px !important;
}

.pa-b-50 {
  padding-bottom: 50px !important;
}

.ma-b-30-lg {
  margin-bottom: 0;
}

.ma-t-30-lg {
  margin-top: 0;
}

.ma-t-30-sm {
  margin-top: 30px;
}

.t-10 {
  top: 10px;
}

.l-10 {
  left: 10px;
}

/*
Large screen
*/

@media only screen and (min-width: 960px) {
  .ma-b-30-lg {
    margin-bottom: 30px;
  }
  .ma-t-30-lg {
    margin-top: 30px;
  }
  .ma-t-30-sm {
    margin-top: 0;
  }
}