.section-padding-example-pages {
    padding: 20px 0px;
}
.example-information ol {
    list-style-type: decimal; 
}
.example-information ol li{
padding-bottom: 5px;

}
.example-information ul {
   list-style-type: disc; 
   padding-left: 1em;
}
.example-information ul li{
padding-bottom: 5px;
padding-top: 3px;


}
.example-information {
padding-top: 30px; 
    color: #717f86;
}
.example-information h3{
font-size: 1.2rem;
}
.example-viewer-container {
	
	height: 440px;
}
.section-padding-example-pages h1 {
font-size: 1.5rem;
padding-left: px;
}
.mini-desc {
	padding-top: 10px;
}
.example-details p{
    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;
   
}
.example-information p{
    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;

}
.example-information h3{
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;

}
.example-title {
    color: #4B4B4C;
font-size:1.5rem !important;
font-weight: 500;
    margin: 0 0 7px;
}

.draw-example {
	margin-top: 10px;
margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
}
.draw-example ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.example-button-text-container {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;

    letter-spacing: .7px;
    line-height: 1;
}
.example-button-text{
    font-weight: 700;
    letter-spacing: .5px;
    font-size: .95rem;
}
.example-button-edit-icon {
    font-size: 1.1em !important;
    color: #52bfa2;
}

.draw-example li {
    float: left;
}

.draw-example li a {
    display: inline-block;
    color: #52bfa2;
             border: 1px solid #52bfa2;
    
        background-color: #fff;
    text-align: center;
    margin-right: 20px;
    text-decoration: none;
           padding: .4rem 1.125rem;
}
.draw-example li a:hover {
        padding: .4rem 1.125rem;

        
}
ol {
	    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;
}
ul {
	    margin-bottom: 20px;
    font-size: 1.27em;
    line-height: 1.68421053em;
    font-weight: 400;
}
ul ul {
  font-size:1em;
}

ol ul {
  font-size:1em;
}
ul ol {
  font-size:1em;
}
.social-links {
margin-top: 5px;
}
.other-example a{
font-size: .98rem;
}
.examples-item {
display: block;
	  
}
.img-space{
    margin:10px 3px;
        display: inline-table;
}
.gallery {
    padding: 10px;

    }
.gallery a {
	position: relative;
	display: block;
}
.gallery-title {
    border-bottom: 1px solid;
        padding-bottom: 10px;
    margin-bottom: 15px;
}
.gal {
	
	-ms-column-count: 3; 
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-ms-column-count: 1; 
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
	}
	
	.viewer-backdrop { background-color: white;}