.formula_section .field {
    width:100%;
    margin-bottom: 20px;
}
.formula_section .field.center{
    text-align: center;
    font-weight: bold;
}

.formula_section{
    display: flex;
    flex-wrap: wrap;
}
.formula_section .w100{
    width:100%;
    margin-bottom: 25px;;
}
.formula_section .w100 h3{
    color:#cc0101;
    font-size: 26px;;
    margin-bottom: 10px;;
    padding-bottom: 10px;;
    border-bottom: 1px solid #eee;;
}
.formula_section .w100 p{
    font-size: 16px;;
    margin-top: 10px;;
}
.formula_section .w50{
    width:calc(50% - 30px);
    padding:0 15px;
}

.formula_section .field input{    
    height:40px;   
    width: 100%;;
    display: block;
    box-sizing: border-box;
    border:0px;
    padding-left:10px;
    font-size: 18px;;
}
.formula_section .field .box{
    height:40px;
    box-sizing: border-box;
    border-radius: 8px;;
    border:1px solid #333;   
    overflow: hidden;
    position: relative;
    padding-right:20px;
}

.formula_section .field label{
    display: block;
    font-size: 14px;
    font-weight: bold;
}
.formula_section .field{
    position: relative;
    display: inline-block;
}
.formula_section .field .unit{
    position:absolute;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left:1px solid #333;    
    width: 45px;;
    right: 1px;
    bottom:0px;;
    height:40px;;
    background: #eee;;
}

.calc-formula{
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #f2f1f6;
    border: 1px solid #EEE;
    border-radius: 5px;
    margin-top: 20px;
}
.formula-title{
    margin: 0 0 20px;
    padding: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}
.formula-desc{
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 767px) {
    .formula_section .w50{
        width:calc(100% - 30px);
        padding:0 15px;
    }
    .formula_section .field{
        margin-bottom: 10px;;
    }
}