body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background:#f2f2f2;
	color: #444;
	}

img{ max-width:95%;}
	
h1{
    text-transform: uppercase;
    font-size: 35px;
	margin-bottom:0;
	}

h2{
	text-align:center;
	color:#FFF;
	margin-top:0;
    margin-bottom: 25px;	
	font-size: 20px;
    padding: 8px 6px 5px 6px;
    text-transform: uppercase;
    font-weight: normal;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.75);
	}
	
.bkg_1{background:#ff6b6b;}
.bkg_2{background:#b78cff;}
.bkg_3{background:#74c857;}
.bkg_4{background:#6bb4ff;}
.bkg_5{background:#feb426;}

.color_1{color:#ff6b6b}
.color_2{color:#b78cff}
.color_3{color:#75a764}
.color_4{color:#6bb4ff}
.color_5{color:#e89900}

.e_1 {-ms-grid-row: 1;-ms-grid-column: 1}
.e_2 {-ms-grid-row: 1;-ms-grid-column: 2;}
.e_3 {-ms-grid-row: 1;-ms-grid-column: 3;}
.e_4 {-ms-grid-row: 1;-ms-grid-column: 4;}
.e_5 {-ms-grid-row: 1;-ms-grid-column: 5;}
.e_6 {-ms-grid-row: 1;-ms-grid-column: 6;}
.e_7 {-ms-grid-row: 1;-ms-grid-column: 7;}
.e_8 {-ms-grid-row: 1;-ms-grid-column: 8;}
.el_1 {-ms-grid-row: 1;-ms-grid-column: 1;}
.el_2 {-ms-grid-row: 2;-ms-grid-column: 1;}
.el_3 {-ms-grid-row: 3;-ms-grid-column: 1;}

.top70{ margin-top:70px!important;}

.calc_two_col{
	display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2,49%);
    -ms-grid-columns: repeat(2,49%);
	grid-gap: 2%;
    -ms-grid-gap: 2%;
	align-items: top;
	width:1300px;
	max-width:100%;
	margin:auto;
	}

.calc_body{
	width:98%;
	max-width:600px;
	margin:auto;
	background-color: #e7e7e7;
	border-radius:12px;
	border:1px solid #FFF;
	padding:20px 0;
	margin:30px auto 0;
	}

.calc_table{
	display: -ms-grid;
    display: grid;
    grid-template-columns: 230px auto;
    -ms-grid-columns: 230px auto;
	grid-gap: 15px;
    -ms-grid-gap: 15px;
	align-items: center;
	}
	
.calc_table .e_1{ 
	text-align:right;
	font-weight: bold;
    font-size: 14px;
	}
	
select{
	height: 30px;
    width: 280px;
    border: 1px solid #ccc;
	padding:0 10px;
	}
	
input{
	height: 26px;
    width: 258px;
    border: 1px solid #ccc;
	padding:0 10px;
	}
	
.result{
	text-align: center;
    margin-top: 30px;
	font-size:20px;
	}
	

@media (max-width:1200px) {
	.calc_two_col{
		grid-template-columns: 1fr;
		-ms-grid-columns: 1fr;
		grid-gap: 0;
		-ms-grid-gap: 0;
		}
		
	.top70{ margin-top:30px!important;}
}

@media (max-width:767px) {
	h1{font-size: 25px;}
	select{ width:180px;}
	input{ width:158px;}
	.calc_table .e_1{font-size: 13px;}
	
	.calc_table{
		grid-template-columns: 140px auto;
		-ms-grid-columns: 140px auto;
		grid-gap: 5px;
		-ms-grid-gap: 5px;
		}
}