.full-width-row {
	width: 100%;
	float: left;
	border-bottom: 0px solid #f00;
}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
	max-width: 1400px;
}

.flex-item {
    flex: 1; /* Equal width for all items */
    padding: 12px 0 12px 0;
    text-align: left;
    color: #fff;
    flex-basis: 6%;
}

.hero-headline p{
	color: #eee;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: 1px;
	font-style: normal;
	line-height: 1em;
	margin: 0;
	-webkit-font-smoothing: antialiased	
	padding: 0;
	float: left;
	width: 55%;
}





.su-ebrow {
	padding: 0px 16px 24px 0;
	margin: 0;
	line-height: 1.3em;
	color: #c60;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased	
}

.su-ebrow h4{
	padding: 12px 16px 24px 0;
	margin: 0 0 -20px 0;
	line-height: 1.4em;
	color: #C3D600;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 2.5px;
	-webkit-font-smoothing: antialiased	
}

.su-subhead p{
	display: flex;
  	flex-direction: column;
	display: block;
	width: 60%; 
	/*max-width: 400px; */
	border: 0px solid #eee;
	float: left;
	color: #fff;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
}

.su-headline h2{
	/*width: 400px; */
	width: 60%;
	color: #eee;
	font-family: "Josefin Sans", Arial, Helvetica, sans-serif;
	font-size: 54px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1em;
	margin: 0px 0 0 0;
	padding: 0px 0px 12px 0px;
	letter-spacing: .5px;
}
.solid h2{
	/*width: 400px; */
	width: 80%;
	color: #222;
	font-family: "Josefin Sans", Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1em;
	margin: 0px 0 0 0;
	padding: 12px 0px 12px 0px;
	letter-spacing: .5px;
}
.solid h4{
	padding: 12px 16px 8px 0;
	margin: 0 0 -20px 0;
	line-height: 1.4em;
	color: #666;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 2.5px;
	-webkit-font-smoothing: antialiased	
	border-bottom: 5px solid #500;
}

.text-full-width-row {
    width: 100%;
    background-color: #f7f7f7; /* Optional background color */
    border-top: 0px solid #900;
    float: left;
}

.centered-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 24px;
}

.columns {
    display: inline-flex;
    gap: 24px; /* Creates 24px gutters between columns */
}

.column {
    flex: 1;
    padding: 24px 24px 24px 0px;
    text-align: left;
}
.su-text-ebrow h4{
	padding: 0px 0px 12px 0;
	margin: 0;
	line-height: 1em;
	color: #666;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased	
}
.testimonial1 {
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3em;
}

.testimonial1 h4{
	color: #666;
	padding: 0 0 36px 0;
  text-transform: uppercase;
}

.testimonial-client-name {
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6em;
  padding: 12px 0 0 0;
}

.testimonial-client-title {
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

.testimonial-client-title strong{
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

.solid p {
	color: #223;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.66em;
	padding: 14px 0 12px 0;
	margin: 0;
}
.intro-col  {
	width: 500px;
	border-top: 0px solid #ccc;
	display: inline-table;
	border-top: 0px solid #030;
}


.intro p {
	color: #444;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.66em;
	padding: 12px 36px 0 0px;
	margin: 0;
}
.testimonial1 p {
	color: #000;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3em;
}
.lastcol {
	margin: 0 56px 0 0;
}


@media (max-width: 1246px) {
	.lastcol {
		padding: 0 86px 0 0;
	}
}



@media (max-width: 1400px) {
	.solid h2 {
		width: 100%;
		color: #222;
		font-size: 36px;
		line-height: 1.1em;
		margin: 0px 0 0 0;
		padding: 2px 0px 12px 0px;
		letter-spacing: .5px;
		}
	.lastcol {
		padding: 0 6px 0 0;
	}

    .intro-col  {
		width: 100%;
		border-top: 0px solid #f00;
		display: inline;
	}
}
@media (max-width: 1200px) {
	.su-button {
		margin: 40px 48px 40px 0;
	}
}


@media (max-width: 1000px) {
    .columns {
        flex-direction: column;
    }
    .centered-container {
    	max-width: 1000px;
    	margin: 0 auto;
    	padding: 24px 224px 24px 24px;
	}
  .centered-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 24px 24px 24px 36px;
}
}

@media (max-width: 769px) {
    .centered-container {
    	max-width: 1000px;
    	margin: 0 auto;
    	padding: 24px 48px 24px 24px;
	}
	.solid h2 {
		width: 100%;
		color: #222;
		font-size: 36px;
		line-height: 1.0em;
		margin: 0px 0 0 0;
		padding: 12px 0px 12px 0px;
		letter-spacing: .5px;
	}
}