button, input, select, textarea {
	font-family: bebas-neue;
	color: #222;
	font-size: 30px;
}



/* =============================================================================
   Forms
   ========================================================================== */

form {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #878789;
}
input[type=text]{
     display: inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    padding: 6px 12px;
    margin-bottom: 15px;
     color: #7a7a7a;
    border: 1px solid #dadada;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
width:275px;
 
margin-top:10px!important;

}

fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }


legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }


button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }



button, input { line-height: normal; }



button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }



button[disabled], input[disabled] { cursor: default; }


input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }



button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }



textarea { overflow: auto; vertical-align: top; resize: vertical; }


input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }



table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }



.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }




@media(max-width:800px)
{
#envelope{
width: 55%!important;
}

input[type=text]{
width:215px;
height:5px;
margin-top:10px!important;
   padding: 6px 12px;
    margin-bottom: 15px;
}

form {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #878789;
width:40%!important;
}
}



@media(max-width:768px)
{
#envelope{
width: 55%!important;
}

input[type=text]{
width:215px;
height:5px;
margin-top:10px!important;
   padding: 6px 12px;
    margin-bottom: 15px;
}

form {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #878789;
width:40%!important;
}
}
@media(max-width:480px)
{
#envelope{
width: 55%!important;
}

input[type=text]{
width:115px;
height:5px;
margin-top:10px!important;
    padding: 6px 12px;
    margin-bottom: 15px;

}

form {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #878789;
width:40%!important;
}
}


@media(max-width:320px)
{
#envelope{
width: 55%!important;
}

input[type=text]{
width:115px;
height:5px;
margin-top:10px!important;
   padding: 6px 12px;
    margin-bottom: 15px;
}

form {
	margin: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #878789;
width:40%!important;
}
}