.two-columns {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

	.two-column {
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-webkit-align-items: stretch;
			-ms-flex-align: stretch;
			align-items: stretch;
			-webkit-justify-content: flex-start;
			-ms-flex-pack: start;
			justify-content: flex-start;		
			width: calc(50% - 20px);
		}

		.two-column-image img {
			display: block;
			max-width: 100%;
			height: auto;
			width:100%;
		}

		.two-column-text {
			padding-top: 14px;
			-webkit-flex-grow: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
		}

			h3.two-column-heading {
				margin-bottom: 0px;
				padding-top: 10px;
				padding-bottom: 10px;
			}

			.two-column-heading a {
				text-decoration: none;
				color: inherit;
				font-weight: 600;
			}

			.two-column-link a {
				padding-bottom: 8px;
				text-decoration: none;
				border-bottom-width: 5px;
				border-bottom-style: solid;
				color: inherit;
			}
@media (max-width:1023px) {
	
	.two-columns.has-four-columns {
		flex-wrap: wrap;
	}
	
	
}	
@media ( max-width:767px ) {
	.two-columns {
		display: block;
	}
	
		.two-column
		 {
			width: 100%;
			max-width: 360px;
			margin-left: auto;
			margin-right: auto;
		}
	
	.two-column:not(:first-child) {
    	margin-top: 40px;
	}
}.zd-johnnie-footer-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#johnnie-footer-logo-column img {
	height: auto;
	max-width: 100%;
	display: block;
	
}

.zd-johnnie-right-col {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow: 1;
	padding-left: 40px;
}

#johnnie-footer-logo-column {
	max-width: 328px;
}

.zd-johnnie-menu #footer-jon-nav li {
				list-style-type: none;
			}

			#footer-jon-nav #menu-footer-menu {
				padding-left: 0;
				margin: 0;
			}

			.zd-johnnie-menu #footer-jon-nav li a {
				color: inherit;
				text-decoration: none;
				font-weight: 500;
				position: relative;
			}

.zd-johnnie-menu #footer-jon-nav li a:before {
	content:'>';
	width:12px;
	height: 12px;
	color:inherit;
	padding-right: 5px;
}
#zd-footer-jon-column-two,
#zd-footer-johnnie-last-column{
	flex-grow: 1;
}

			.zd-johnnie-footer-content .ft-columns {
				width:calc( ((100% - 20px) * 3) / 2 );
				padding-right: 20px;
			}

			.zd-johnnie-footer-content .ft-columns:last-child {
				padding-right: 0px;
			}
.zd-johnnie-menu {
	width:55% !important;
}
.zd-ft-jon-column-heading {
	padding-bottom: 20px;
}
.ft-johnnie-two-columns{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.zd-ft-jonnie-get-in-touch-detail {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.zd-ft-jonnie-get-in-touch-icon {
	padding-right: 10px;
}

@media (max-width:1200px) {
	#johnnie-footer-logo-column {
		max-width: 300px;
		font-size: 15px;
	}
}

@media (max-width:1023px) {
	.zd-johnnie-footer-content {
		flex-direction: column;
	}	
	.zd-johnnie-right-col {
		width:100%;
		padding-top: 20px;
		padding-left: 0;
	}
	.ft-columns {
		width:auto;
	}
}

@media (max-width:767px){
	.zd-johnnie-right-col  {
		display: block;
	}
	.ft-johnnie-two-columns {
		justify-content: flex-start;
	}
	
	.ft-jon-col-two-left-col {
		padding-right: 30px;
	}
	#johnnie-footer-logo-column {
		max-width: 100%;
	}
}