@font-face {
font-family: 'Cooper Std Black';
font-style: normal;
font-weight: normal;
src: local('Cooper Std Black'), url('CooperBlack-Std.woff') format('woff');
}
#resp{font-size:20px;}
#success_message
{
	padding-top:0%;
    padding-bottom:2.5%;
	font-weight:600;
    font-size:25px;
	margin-top:0%;
	
	font-size:30px;
}
#amount{color:#6E4511;
display:normal;
}

.errmsg
{
color:rgb(255,0,0);	
font-size:11px;
font-weight:200;
border-radius:2px;
position:absolute;
left:240px;
display:none;	
}


@media screen and (max-width: 450px) {
.imgContainer 
{
	padding-top:0% !important;
    padding-bottom:0% !important;	
}
#success_message
{
	padding-top:0%;
    padding-bottom:2.5%;
	font-weight:600;
    font-size:18px !important;
	margin-top:0%;
	
	font-size:30px;
}    
#resp{font-size:18px;}    
}

.imgContainer { 
padding-top:2%;
padding-bottom:2%;
}

.logo 
{
	padding-top:5%;
	padding-bottom:5%;	
}
.logo>img
{
 display:block;
 margin-left:auto;
 margin-right:auto;
}
@media screen and (max-width: 450px) 
{
    .calculator
    {
    padding-top:6% !important;
    padding-bottom:6% !important;
    margin-top:0px !important;
    margin-bottom:6% !important;
    }
h2{font-size:18px !important;}
.headings
{
font-size:18px !important;	
font-weight:900;
font-family:'Cooper Std Black';
}

}
.side{display:none;}
.calculator
{
padding-top:2%;
padding-bottom:2%;
background-color:#ececec;
border-radius:25px;
min-height:699px;
-webkit-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.41);
box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.41);
}
.frmlabel
{
margin-right:0px;	
text-align:right;
padding-top:5px;
	
}
.bgfrm
{
background-color:rgba(255,255,255,0.6);
width:98%;	
margin-left:1%;
padding-top:5.65%;
padding-bottom:5.65%;
border-radius:25px;
min-height:545px;
}
.headings
{
font-size:40px;	
font-weight:900;
font-family:'Cooper Std Black';
}
h2{font-size:40px;}
.heading
{
color:#4b2108;
font-size:40px;
padding-top:10px;
padding-bottom:2px;
margin-left:1%;
margin-bottom:4%;
width:98%;	
}

@media screen and (max-width: 450px) 
{
.result
{
	margin-left:0% !important;
    margin-top:6% !important;
	height:718px !important;
	}	
}
.result
{
padding-top:2%;
padding-bottom:2%;

height:704px;
margin-left:0%;
background-color:transparent;		
}
.notes
{
	font-size:16px;
	font-weight:400;
display:none;
	padding-bottom: 0%;
}
@media screen and (max-width: 450px) 
{
.submits
{		padding-left:32% !important;
}
}
.submits
{
    padding-top: 4%;
	padding-left:26%;
    padding-bottom: 4%;
}
h2{font-size:45px; 
   font-weight:900;}

p { font-size:25px;
    font-weight:400;}
	
.bg1{ padding-top:8%;
padding-bottom:8%;
min-height:300px;
background-color:rgba(188,144,89,0.25);
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
 }
@media screen and (max-width: 450px) 
{
.foots
{		margin-left:0% !important;
       }
} 
 .foots
 {
	margin-left:4%;
	padding-top:15px;
	padding-bottom:15px;
    color:#454849;
    background-color:rgba(255,255,255,0.6);	
 }
 
 
 a{ text-decoration:none;
    color:#4080ff;
  }
   a:hover{ text-decoration:none;
    color:#FFFFFF;
  }
  
#clicks,.btnss
{
padding-left:20px;	
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
border:2px solid rgba(110,69,17,1);
color:rgba(110,69,17,1);	
background-color:rgba(255,255,255,0);
font-weight:800;
border-radius:4px;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
transition:0.5s;
box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

#clicks:hover,.btnss:hover
{
background-color:rgba(110,69,17,0.6);	
color:#fff;	
transform:scale(1.1,1.1);	
	
}  


div.img-container
{
    display: grid;
    background-color: #fff;
    grid-template-columns:27% auto;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 15px;
border: 1px solid #ccc;
    column-gap: 20px;
}

span.img-meta
{
padding:20px;
border: 1px solid #ccc;
background-color:#eee;
border-radius:2px;
}

span.img-meta>span.meta-title
{
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
span.img-meta>span.meta-desc
{
    display: block;
    font-size: 11px;
    line-height: 20px;
}
div.meta-box{padding-left:30px;}
img.grain-image{width:100%;height:auto;}

@media screen and (max-width: 450px)
{
div.img-container
{
    grid-template-columns:auto;
    column-gap: 20px;
    padding:8px;
}

span.img-meta
{
padding:8px;

border: 1px solid #ccc;
background-color:#eee;
border-radius:2px;
}

span.img-meta>span.meta-title
{
display:block;    
    text-align:center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
span.img-meta>span.meta-desc
{
display:block;
    text-align:center;
    font-size: 11px;
    line-height: 20px;
}
div.meta-box{padding-left:15px;}    
}