/* Main section styles */

main {
    padding-left: 10vw;
    padding-right: 10vw;
}

main .section-heading {
    margin: 0 0 8px;
    color: var(--secondary-color);
    text-align: left;
}

main > .section-heading {
    display: none;
}

.main-content-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    column-gap: 6vw;
}

.service-img {
    width: 400px;
    height: 266px;
    object-fit: cover;
}

.main-subheading {
    margin: 0 0 24px;
}

.main-body {
    margin: 0 0 100px;
    font-size: 1.125rem;
}

@media (max-width: 1024px) {
    main {
	padding-left: 6vw;
	padding-right: 6vw;
    }

    main .section-subheading {
	margin: 0 0 16px;
    }

    .service-img {
	width: calc((0.469 * 100vw) - 80px);
	height: calc((-0.208 * 100vw) + 480px);
    }

    .main-body {
	margin: 0 0 28px;
    }
}

@media (max-width: 768px) {
    main > .section-heading {
	display: block;
    }

    .main-content-container {
	align-items: start;
	column-gap: 2vw;
    }

    .service-img {
	width: 200px;
	height: 200px;
    }

    .main-copy-container > .section-heading {
	display: none;
    }
}

@media (max-width: 600px) {
    main > .section-heading {
	display: none;
    }

    .main-content-container {
	display: block;
    }

    .service-img {
	width: 100%;
    }

    .main-copy-container {
	padding: 0 8px 20px;
    }

    .main-copy-container > .section-heading {
	display: block;
    }
}

@media (max-width: 425px) {
    main {
	padding: 80px 0 40px;
	display: block;
    }

    .service-img {
	width: 100%;
	margin: 0 0 20px;
    }

    main .section-heading {
	margin: 0 0 12px;
	font-size: 2.75rem;
    }

    .main-subheading {
	font-size: 1.5rem;
    }

    .main-body {
	margin: 0 0 20px;
	font-size: 1.4rem;
    }
}