@-ms-viewport{ width: device-width;}
@media  (max-width: 480px), (max-device-width: 480px) 
{
* { margin: 0; padding: 0; outline: none; }
h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }
p { color: #656565; font-size: 1.2em; margin-bottom: 10px; }
#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }
#inline { display: none; width: 280px; }
label { margin-right: 12px; margin-bottom: 9px; font-family: Georgia, serif; color: #646464; font-size: 1.2em; }
#contact{font-size: 62.5%; height: 101%;}

.txt { 
display: inline-block; 
color: #676767;
width: 180px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 250px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}
.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }
input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }
#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border-radius: 5px;
background: #1e4c99; 
background-color:#8A172B
}
#send:hover {}
}

@media (min-width: 481px) 
{

* { margin: 0; padding: 0; outline: none; }
h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }
p { color: #656565; font-size: 1.2em; margin-bottom: 10px; }
#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }
#inline { display: none; width: 480px; }
label { margin-right: 12px; margin-bottom: 9px; font-family: Georgia, serif; color: #646464; font-size: 1.2em; }
#contact{font-size: 62.5%; height: 101%;}

.txt { 
display: inline-block; 
color: #676767;
width: 420px; 
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 5px 9px;
font-size: 1.2em;
line-height: 1.4em;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 421px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border-radius: 5px;
background: #1e4c99; 
background-color:#8A172B
}
#send:hover {}

}