.hero_image {
    background-position: center;
    background-size: cover;
    padding: 0;
    margin-top: 91px;
}
.img-responsive {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}
.section_heading {
	font-size: 40px;
	font-weight: 300;
	color: #323232;
	margin-bottom: 25px;
	line-height: 1.2;
	letter-spacing: 0.015em;
}
.section_heading.green_heading {
	color: #323232
}
.section_para {
	color: #323232;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 40px;
}
.white_text {
	color: #fff!important;
	text-shadow: 1px 1px 1px rgba(1,0,2,.4);
}
.just_white_text {
	color: #fff!important;
}
.top_section_white_para {
	font-size: 20px;
	letter-spacing: -.015em;
	color: #fff;
	line-height: 1.3;
	text-shadow: 1px 1px 1px rgba(1,0,2,.4);
	max-width: 765px;
}
.logos-description {
    padding-top: 50px;
}
.logos-description h3{
	margin-bottom:20px;
}
.logos-description p{
	margin-bottom:15px;
}
.image-left {
    float: left;
    width: 39%;
}
.image-right {
    float: right;
    width: 60%;
}
.theme-images img{
	max-width:100%;
}
.where-to-add{
	padding:50px 0 100px;
}
.where-to-add h2{
	font-size:35px;
	margin-bottom: 30px;
}
@media(max-width:767px) {
.section_heading {
	font-size: 30px
}
.section_heading br, .top_section_white_para br {
	display: none!important
}
}
.hero_image {
	/* background-image: url(../images/credit-cards-logos/credit-cards-bg.jpg); */
	background-image: url(../png/card-exchange.png);
}
.hero_image .hero_inner {
	padding: 80px 0 80px 1.5%
}
.cards-code-section .credit-card-code {
	padding: 50px 0;
	border-bottom: 1px solid #ddd;
}
.logo-preview {
	float: left;
	width: 60%;
}
.code-copy {
	float: left;
	width: 40%;
}
.code-copy textarea {
	display: block;
	padding: 10px;
	width: 380px;
	max-width: 100%;
	height: 140px;
	float: right;
	border: 1px solid #ddd;
	color: #555;
	font-family: monospace;
	font-size: 13px;
	resize: none;
}
.logo-preview {
	height: 220px;
	display: table;
}
.custom-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.custom-table-cell img {
	max-width: 90%;
	width: auto;
	height: auto;
}
.copy-btn {
    clear: both;
    text-align: center;
    max-width: 380px;
    margin-right: 0;
    margin-left: auto;
    /* margin-top: 40px; */
    padding-top: 40px;
}
.copy-btn .copy{
	cursor:pointer;
	min-width: 250px;
}

@media(max-width: 767px) {
	.logo-preview,
	.code-copy {
		float: none;
		width: 100%;
	}
	.code-copy textarea {
		float: none;
	}
	.custom-table-cell {
		display: block;
	}
	.logo-preview {
		margin-bottom: 20px;
		height: auto;
	}
	.image-left {
		float: none;
		width: 100%;
	}
	.image-right {
		float: none;
		width: 100%;
	}
}