/*! 
 *  Focal Point: Pure HTML/CSS Adaptive Images Framework
 *  Author: Adam Bradley, 2012
 *  License: MIT/GPLv2
 *  https://github.com/adamdbradley/focal-point
 *  http://www.cdnconnect.com/
*/

.focal-point {
    width: 100%;
    height: 423px;
    overflow: hidden;
    background:none;
}

.focal-point img {
    width: 100%;
    max-width: 1024px;
    height: 423px;
    -ms-interpolation-mode: bicubic;
}

.focal-point div {
    position: relative; 
    max-width: 1024px; 
    height: 423px;
}

@media all and (max-width: 767px) {

    /* 4x3 Landscape Shape (Default) */
    .focal-point div {
        margin: -3em -4em;
    }

    .up-3 div {
        margin-top:    -1.5em;
        margin-bottom: -4.5em;
    }
    /* Landscape right (Total 8em) */
    .right-2 div {
        margin-left:  -20.33em;
        margin-right: -10.67em;
    }

    /* 3x4 Portrait Shape */
    .focal-point.portrait div {
        margin: -4em -3em;
    }

    }
    .portrait.right-2 div {
        margin-left:  -4em;
        margin-right: -2em;
    }
    .portrait.up-3 div {
        margin-top:    -4em;
        margin-bottom: -4em;
    }
    
    

}