img,video,canvas,svg {
max-width:100%;
height:auto
}

@media print {
img,video,canvas,svg {
max-width:100%!important
}
}

img {
vertical-align:middle
}

audio,canvas,progress,video {
vertical-align:baseline
}

audio:not([controls]) {
display:none;
height:0
}

template {
display:none
}

.thumb,.thumb.left {
margin:0 0 10px 10px
}

.thumb.right {
margin:0 10px 10px 0
}

img.round {
border-radius:5px
}

img.circle {
border-radius:50%
}

img.border {
padding:4px;
background-color:#fff;
border:1px solid #bbb
}

img.shadow {
box-shadow:-1px 2px 5px 1px #000000b3 -1px 2px 20px #fff9 inset
}

figure {
margin:0;
margin-bottom:.75em;
text-align:center
}

figure.center {
margin-bottom:1.5em
}

figure.left {
margin-left:1.5em
}

figure.right {
margin-right:1.5em
}

@media (max-width: 640px) {
figure {
margin-bottom:1.5em
}

figure.left {
float:none;
margin-left:0
}

figure.right {
float:none;
margin-right:0
}
}