/***********************************************
 * Adjust Elements to Container
 ***********************************************/
[data-ratio]{
    position: relative; overflow: hidden;
}
[data-ratio] > *{
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute; top: 50%; left: 50%;
    z-index: 0; margin: 0 auto;
}
[data-ratio].adjust_to_width > *{
    width: 100%; height: auto;
}
[data-ratio].adjust_to_height > *{
    height: 100%; width: auto; max-width: none;
}