//
// kremalicious3
// --------------
// Media
//


// Responsive Media
/////////////////////////////////////

figure, img, svg, video, audio, embed, canvas, picture
    max-width: 100%
    height: auto
    margin: 0 auto
    display: block
    border-radius: $border-radius-base

// Images
/////////////////////////////////////

img
    vertical-align: middle


// Media Positioning
/////////////////////////////////////

img.alignleft,
img.alignright,
img.aligncenter
    float: none
    display: block
    margin: $line-height-computed auto

@media $breakpoint2
    img.alignleft
        margin: 0 $line-height-computed $line-height-computed 0
    img.alignright
        margin: 0 0 $line-height-computed $line-height-computed