body
{
margin:0;
padding:0;
background:#fff
}
section
{
border-top:2px solid #f2f2f2;
text-align:center;
padding:2rem 0
}
section:first-of-type
{
border-top:none
}
@media (min-width: 40rem)
{
section
{
padding:4rem 0
}
}
.container
{
margin:0 auto;
max-width:40rem;
width:90%
}
.row
{
*zoom:1
}
.row:after
{
content:"";
display:table;
clear:both
}
header
{
padding:2rem 0;
background-color:#f7f7f7;
text-align:center
}
header p
{
text-align:center
}
.example-image-link
{
display:inline-block;
padding:4px;
margin:0 0.5rem 1rem 0.5rem;
background-color:#fff;
line-height:0;
-webkit-transition:background-color 0.1s ease-out;
-moz-transition:background-color 0.1s ease-out;
-o-transition:background-color 0.1s ease-out;
transition:background-color 0.1s ease-out;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px
}
.example-image-link:hover
{
background-color:#4ae
}
.example-image
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px
}