

@media (min-width: 64rem) {
	html{font-size:100%}
}

		

		
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}
	}
	.row{*zoom:1}
	.row:after{content:"";display:table;clear:both}
	.example-image-link{display:inline-block; margin: 5px; line-height:0;}
	.example-image-link:hover{background-color:##DCC128}
.example-image {
    width: 270px;
    height: 250px;
    border: 2px solid #000;
}
	.how-to-use-section p,.how-to-use-section ol,.how-to-use-section ul,.how-to-use-section pre{text-align:left}
	fieldset{border:none}
	.donate-button{width:100%}
	@media (min-width: 40rem){
		.donate-button{width:auto}
		}
		
		.sharing-section{position:fixed;z-index:10;top:20px;right:0}
		code{color:#777;background-color:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;font-family:Consolas,Courier,monospace;font-size:0.9rem;padding:0.1rem 0.3rem;position:relative;top:-1px}
		pre{background-color:#f2f2f2;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;padding:0 0.5rem 0.1rem 0.5rem}
		pre code{padding:0;font-size:0.7rem;border:none}
		.column{margin-bottom:1.5rem}
		
			ul{margin:0;}
			
			
.image-row {
	width:100%;
	margin:0px auto;
}
.gallery {
	margin-top:2em;
}
@media (max-width:481px) {
.example-image {
    width: 212px;
}
}
@media (max-width: 385px) {
.example-image {
    width: 100%;
}

.example-image {
    height: 100%
}
}