/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25-Jun-2022, 3:03:33 pm
    Author     : kadam-21
*/

.image-row:before, .image-row:after {
	content:"";
	display:block;
	clear:both;
}


		
		

	.row{*zoom:1}
	.row:after{content:"";display:table;clear:both}
	.example-image-link{display:inline-block; margin: 2px; 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; float: left;}
	.example-image-link:hover{background-color:##DCC128}
	.example-image{    width: 278px;    border: 1px solid;
    height: 220px; -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
	.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;
    margin-bottom: 30px;
}
.gallery {
	margin-top:2em;
}
@media (max-width: 1367px){
.example-image {
    width: 281px;
}
}
@media (max-width: 992px){
.example-image {
    width: 295px;
}
}
@media (max-width: 768px){
.example-image {
    width: 240px;
}
}
@media (max-width: 576px){
	.example-image {
		width:100%;
	}
}