* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
	margin:0px;
	padding:0px;
	font-size: 14px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	border-style:none;
	min-height: 100%;
}
#smd_code{width:200px;height:90px;font-size:60px;padding-bottom:5px;text-align:center;background:url(//www.joyta.ru/uploads/files/res_smd/SMD-bg.png) no-repeat;color:#ffffdd; border-radius: 10px;}
#calcValue {font-size: 20px;color: #ff0000;}
input{border-style:none;}
.math1 { }
.math2 {
    margin-top: 20px;
    font-size: 25px;
}
.math3 {
    font-size: 25px;
    text-align: center;
}
. 
.tr {height: 50px;}
.tr2 {height: 120px;}
  
.calc {
    padding: 15px 25px 15px 25px;
    background-color: #ebebeb;
    border-radius: 5px;
    border: 2px solid #a145db;
    margin: auto;
    max-width: 500px;
}
@media all and (max-width: 320px) {
	 .calc {
    padding: 15px 0px 15px 0px;
     
}
}