@media (min-width: 64rem) {
	html{font-size:100%}
}
@media (min-width: 40rem){h2{font-size:2rem}
}
		
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;
    padding: 1px;
    margin: 6px;
    background-color: #0084bd;
    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:##DCC128}

.example-image {
    width: 15.5rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 250px;
}
	.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{text-align:left}
			
			
.image-row {
	width:100%;
	margin:20px auto;
}
@media (max-width: 1366px){
	.example-image {
	    width:185px;
	}
}
@media (max-width: 1330px){
	.example-image {
	    width: 13.3rem;
	}
}
@media (max-width: 1280px){
.example-image {
    width: 17rem;
}
}

@media (max-width: 385px){
.example-image-link {
    margin: 2px;
    width: 100%;
    margin-bottom: 10px;
}
.example-image {
    width: 100%;
    height: 100%;
}


}