.economies {
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 40px 20px 20px 20px;
}
.economies a {
    margin: 0 auto;
    background: #31660A;
    color: #fff;
    transform: translateY(-50%);
}
.economies a:hover {
    background: #fff;
    color: #31660A;
}
.economies span {
    font-size: 36px;
    font-weight: 800;
    color: #61A457;
}
.economies h2, body > section > p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 70%;
}
.economies p {
    margin-top: 10px;
}
.calculator {
    display: flex;
    flex-flow: column;
    max-width: 1200px;
    border: solid 2px #61A457;
    border-radius: 10px;
    padding: 60px 80px;
    box-sizing: border-box;
}
.slider {
    -webkit-appearance: none;
    appearance: none;
    color: #61A457 !important;
    background: #ECF5EB;
    border-radius: 20px;
    vertical-align: middle;
    height: 13px;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border-radius: 25px;
	background: #61A457;
}
.calculator .line-1 {
    display: flex;
    margin-bottom: 40px;
}
.slider-container input {
    width: 100%;
}
.col-1 {
    display: flex;
    flex-flow: column;
    width: 50%;
    padding-right: 40px;
    box-sizing: border-box;
}
.col-2 {
    display: flex;
    flex-flow: column;
    width: 50%;
    padding-left: 40px;
    box-sizing: border-box;
}
.surface {
    display: flex;
}
.surface p {
    margin-left: auto;
}
.tontes {
    display: flex;
}
.tontes p {
    margin-left: auto;
}
.calculator .line-2 {
    display: flex;
}
.colbis {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: calc(100% / 3);
}
.colbis-2 {
    padding-left: 40px;
    box-sizing: border-box;
}
.colbis-3 {
    padding-left: 40px;
    box-sizing: border-box;
}
@media screen and (min-width: 1089px) { .calculator {width:1050px; margin: 20px auto 0 auto;} .economies {padding: 40px 7vw;} }

@media screen and (min-width: 1200px) { .calculator {width: 1050px;} }

@media screen and (max-width: 1069px) {
    .economies h2, body > section > p {
        width: 98%;
    }
    .surface {
        flex-flow: column;
    }
    .tontes {
        flex-flow: column;
    }
    .surface p {
        margin-left: 0;
    }
    .tontes p {
        margin-left: 0;
    }
    .surface h3 {
        margin-right: auto;
    }
    .calculator {
        padding: 40px;
    }
   .calculator .line-1 {
    flex-flow: column;
}
.calculator .line-2 {
    flex-flow: column;
}
   .col-1 {
    width: 100%;
    padding: 0;
    margin-bottom: 35px;
}
.col-2 {
    width: 100%;
    padding: 0;
}
.colbis {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}
}

@media screen and (min-width: 2200px) {
    .economies {
        padding: 40px 300px;
    }
}