.calculator-container{grid-gap:25px;display:grid;grid-template-areas:"image image image" "error error error" "calc calc result" "calc calc result";grid-template-columns:1fr 1fr 1fr;margin:8px}.calculator-container input,.calculator-container p{font-size:.7em;line-height:normal}.calculator-container input{height:40px;outline-color:#000;width:100%}.calculator-container img{grid-area:image;max-width:100%}.calculator-container #error{align-items:center;color:red;font-size:30;grid-area:error;height:25px;justify-content:center;text-align:center;width:100%}.calculator-container .calculator{grid-gap:15px;display:grid;grid-area:calc;grid-template-areas:"beds beds beds beds" "proc proc proc proc" "scr scr scr numcd" "costcd labor post annualm";grid-template-columns:repeat(4,1fr);margin-right:10px;width:100%}.calculator-container #beds{display:flex;flex-direction:column;grid-area:beds}.calculator-container #procedures{display:flex;flex-direction:column;grid-area:proc}.calculator-container #percent-container{grid-area:scr}.calculator-container #number-cd{grid-area:numcd}.calculator-container #num-cd{font-size:1em;font-weight:700}.calculator-container #cd-cost-container{grid-area:costcd}.calculator-container #labor-cost-container{grid-area:labor}.calculator-container #postage{grid-area:post}.calculator-container #annual-maint{grid-area:annualm}.calculator-container #annual-maint-num{margin-top:6px}.calculator-container .calculator p{font-size:.8em;margin:0}.calculator-container .results{background-color:#ecf6f9;border-radius:10px;grid-area:result;min-width:290px;padding:10px 10px 15px}.calculator-container hr{background-color:#000;border-color:#000;box-shadow:#000;color:#000;height:2px;margin:20px 0 16px}.calculator-container #annual-cost-cd,.calculator-container #annual-cost-crypto{margin:0 5px}.calculator-container .result-title{font-size:1em;font-weight:700;margin:0}.calculator-container .result-num{font-size:2em;font-weight:700;margin:6px 0 15px}.calculator-container .savings-title{font-size:1.1em;font-weight:700}.calculator-container .savings{color:#7fb561;font-size:2.4em;font-weight:bolder;margin-bottom:15px}.calculator-container input:focus{outline-color:#000}@media screen and (max-width:850px){.calculator-container{grid-template-areas:"image image image" "error error error" "calc calc calc" "result result result"}}@media screen and (max-device-width:700px){.calculator-container{grid-template-areas:"image image image" "error error error" "calc calc calc" "result result result"}.calculator-container input{font-size:.5em}}