/*
Include this after bootstrap.css. Add class of
mt-value, mb-value or my-value
to your Bootstrap 3 default rows to prevent row content
from touching the row content above or below.
For easier migration the classes match
the ones Bootstrap 4 uses.
*/

/* Vertical Offset Bottom */
.mt-12{
    margin-top: 12em;
}
.mt-11{
    margin-top: 11em;
}
.mt-10{
    margin-top: 10em;
}
.mt-9{
    margin-top: 9em;
}
.mt-8{
    margin-top: 8em;
}
.mt-7 {
    margin-top: 7em;
}
.mt-6{
    margin-top: 6em;
}
.mt-5{
    margin-top: 5em;
}
.mt-4{
    margin-top: 4em;
}
.mt-3{
    margin-top: 3em;
}
.mt-2{
    margin-top: 2em;
}
.mt-1{
    margin-top: 1em;
}
.mt-0{
    margin-top: 0em;
}
/* Vertical Offset Bottom */
.mb-12{
    margin-bottom: 12em;
}
.mb-11{
    margin-bottom: 11em;
}
.mb-10{
    margin-bottom: 10em;
}
.mb-9{
    margin-bottom: 9em;
}
.mb-8{
    margin-bottom: 8em;
}
.mb-7{
    margin-bottom: 7em;
}
.mb-6{
    margin-bottom: 6em;
}
.mb-5{
    margin-bottom: 5em;
}
.mb-4{
    margin-bottom: 4em;
}
.mb-3{
    margin-bottom: 3em;
}
.mb-2{
    margin-bottom: 2em;
}
.mb-1{
    margin-bottom: 1em;
}
.mb-0{
    margin-bottom: 0em;
}
/* Vertical Offset Top + Bottom */
.my-12{
    margin-top: 12em;
    margin-bottom: 12em;
}
.my-11{
    margin-top: 11em;
    margin-bottom: 11em;
}
.my-10{
    margin-top: 10em;
    margin-bottom: 10em;
}
.my-9{
    margin-top: 9em;
    margin-bottom: 9em;
}
.my-8{
    margin-top: 8em;
    margin-bottom: 8em;
}
.my-7{
    margin-top: 7em;
    margin-bottom: 7em;
}
.my-6{
    margin-top: 6em;
    margin-bottom: 6em;
}
.my-5{
    margin-top: 5em;
    margin-bottom: 5em;
}
.my-4{
    margin-top: 4em;
    margin-bottom: 4em;
}
.my-3{
    margin-top: 3em;
    margin-bottom: 3em;
}
.my-2{
    margin-top: 2em;
    margin-bottom: 2em;
}
.my-1{
    margin-top: 1em;
    margin-bottom: 1em;
}
.my-0{
    margin-top: 0em;
    margin-bottom: 0em;
}