/* Padding Classes */

.p-0{
    padding: 0;
}

.p-tb-1 {
    padding: 1rem 0;
}

.p-tb-2 {
    padding: 2rem 0;
}

.p-tb-3 {
    padding: 3rem 0;
}

.p-b-1 {
    padding-bottom: 1rem;
}

.p-b-2 {
    padding-bottom: 2rem;
}

.p-b-3 {
    padding-bottom: 3rem;
}

.p-t-1 {
    padding-top: 1rem;
}

.p-t-2 {
    padding-top: 2rem;
}

.p-t-3 {
    padding-top: 3rem;
}

/* Margin Classes */

.m-0{
    margin: 0;
}

.m-t-0{
    margin-top: 0;
}

.m-b-0{
    margin-bottom: 0;
}

.m-l-0{
    margin-left: 0;
}

.m-r-0{
    margin-right: 0;
}

.m-tb-1 {
    margin: 1rem 0;
}

.m-tb-2 {
    margin: 2rem 0;
}

.m-tb-3 {
    margin: 3rem 0;
}

.m-b-1 {
    margin-bottom: 1rem;
}

.m-b-2 {
    margin-bottom: 2rem;
}

.m-b-3 {
    margin-bottom: 3rem;
}

.m-t-1 {
    margin-top: 1rem;
}

.m-t-2 {
    margin-top: 2rem;
}

.m-t-3 {
    margin-top: 3rem;
}

/* Transitions Classes */

.trans-05{
    transition: .5s linear;
    -webkit-transition: .5s linear;
    -o-transition: .5s linear;
}

.trans-1{
    transition: 1s linear;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
}

/* Animations Classes */

.anim-1{
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
}

.anim-2{
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
}

.anim-3{
    animation-duration: 3s;
    -webkit-animation-duration: 4s;
    -o-animation-duration: 3s;
}

/* Line Height Classes */

.l-h-1{
    line-height: 1em;
}

.l-h-2{
    line-height: 2em;
}

.l-h-3{
    line-height: 3em;
}