.carbon-content { padding: 40px 15px; }

@media (min-width: 600px) { .carbon-content { padding: 40px 0; } }

.carbon-content h2 { position: relative; font-size: 34px; margin-top: 16px; text-align: center; margin-bottom: 35px; padding-bottom: 30px; }

.carbon-content h2::before { content: ""; position: absolute; display: block; width: 50px; height: 5px; border-radius: 1.5px; background-color: #3ab54a; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 1; }

.carbon-content h2::after { content: ""; position: absolute; display: block; width: 70px; height: 1px; border-radius: 0.5px; background-color: #7fd68a; left: 50%; transform: translateX(-50%); bottom: 2px; }

.calculator { padding-top: 20px; display: grid; grid: auto / 1fr; }

@media (min-width: 600px) { .calculator { grid: auto / 1fr 1fr; } }

.calculator .inputs { padding: 20px 20px 5px; background-color: rgba(228, 228, 228, 0.5); border-radius: 6px; margin-bottom: 16px; }

.calculator .inputs .group { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }

.calculator .inputs .group label { flex-basis: 50%; max-width: 50%; font-weight: bold; flex-grow: 1; margin-bottom: 4px; margin-top: 4px; padding-left: 15px; }

.calculator .inputs .group input { height: 40px; border: 1px solid rgba(171, 131, 131, 0.5); border-radius: 4px; padding: 0 15px; flex-basis: 50%; flex-grow: 1; }

.calculator .inputs .group.actions { justify-content: flex-end; flex-direction: column-reverse; }

@media (min-width: 600px) { .calculator .inputs .group.actions { flex-direction: row; } }

.calculator .inputs .group button { margin-top: 15px; height: auto; line-height: 22px; flex-grow: 1; padding: 9px 15px; }

@media (min-width: 600px) { .calculator .inputs .group button { margin-left: 15px; flex-grow: 0; height: 40px; } }

@media (min-width: 600px) { .calculator .results { padding: 0px 20px; } }

.calculator .results #result { margin-top: 0; background-color: #2b3991; color: white; padding: 15px; border-radius: 6px; }

.calculator .results .notice { font-size: 12px; line-height: 18px; color: #ab8383; }

/*# sourceMappingURL=carbon-footprint-calculator.css.map */