.section-1,
.section-2,
.section-3,
.section-4,
.section-5,
.section-6,
.section-7,
.section-8,
.section-9,
.section-10,
.section-11,
.section-12,
.section-13,
.section-15,
.section-16,
.section-17 { padding: 45px 0; }

@media screen and (min-width: 767px) {
	.section-1,
	.section-2,
	.section-3,
	.section-4,
	.section-5,
	.section-6,
	.section-7,
	.section-8,
	.section-9,
	.section-10,
	.section-11,
	.section-12,
	.section-13,
	.section-15,
	.section-16,
    .section-17 { padding: 90px 0; }
}

.section-4 .two-boxes { justify-content: flex-start; }

@media screen and (min-width: 767px) {
    .section-4:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; object-fit: cover; }
	.lazyloaded.section-4:before { background-image: url(/wp-content/themes/twentytwenty/style/images/seo-strategy.jpg); }
}

@media screen and (min-width: 767px) {
    .section-5:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #fff; }
}

.section-6 .two-boxes { justify-content: flex-end; }

@media screen and (min-width: 767px) {
    .section-6:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; object-fit: cover; }
	.lazyloaded.section-6:before { background-image: url(/wp-content/themes/twentytwenty/style/images/on-site-seo-technical-seo.jpg); }
}

@media screen and (min-width: 767px) {
    .section-7:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #fff; }
}

.section-8 { background: #E2E2DD; }
.section-8 .two-boxes { justify-content: flex-start; }

@media screen and (min-width: 767px) {
    .section-8:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; object-fit: cover; }
	.lazyloaded.section-8:before { background-image: url(/wp-content/themes/twentytwenty/style/images/seo-off-site.jpg); }
}

@media screen and (min-width: 767px) {
    .section-9:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #fff; }
}

.section-10 { background: #E2E2DD; }
.section-10 .two-boxes { justify-content: flex-end; }

@media screen and (min-width: 767px) {
    .section-10:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; object-fit: cover; }
	.lazyloaded.section-10:before { background-image: url(/wp-content/themes/twentytwenty/style/images/seo-local.jpg); }
}

@media screen and (min-width: 767px) {
    .section-11:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #F3F3F3; }
}

.section-12 { background: #E2E2DD; }
.section-12 .two-boxes { justify-content: flex-start; }

@media screen and (min-width: 767px) {
    .section-12:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; object-fit: cover; }
	.lazyloaded.section-12:before { background-image: url(/wp-content/themes/twentytwenty/style/images/brand-reputation.jpg); }
}

.section-14 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.section-14 .text-box { width: 100%; padding: 30px; box-sizing: border-box; color: #fff; text-align: center; }
.section-14 .text-box.color-1 { background: #C8C8C4; }
.section-14 .text-box.color-2 { background: #00CCDD; }
.section-14 .text-box.color-3 { background: #A7A7A3; }

@media screen and (min-width: 767px) {
    .section-14 .text-box { width: 33.33%; }
}

.section-15 { text-align: center; }
.section-15 label { display: block; }
.section-15 label input,
.section-15 label textarea { background: #ccc; border-radius: 20px; padding: 10px 25px; display: block; margin: 5px auto 0; box-sizing: border-box; max-width: 380px; width: 100%; }
.section-15 label textarea { resize: vertical; }
.section-15 input[type='submit'] { padding: 10px 30px; background: #00CCDD; border-radius: 5px; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; }
.section-15 form p:last-of-type { display: flex; justify-content: center; flex-direction: column; align-items: center; }

.section-16 { background: #EEEEE9; }

@media screen and (min-width: 767px) {
    .section-16:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50%; background: #E2E2DD; }
}

footer { background: #55555E; padding: 20px 0; font-size: 14px; color: #fff; }
footer .container { display: flex; justify-content: center; align-items: center; text-align: center; }
footer a { color: #fff; }