@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
* {
/* With these codes padding and border does not increase it's width and gives intuitive style.*/

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.rwdform {
	 max-width:700px;
     margin-left:auto;
     margin-right:auto;
     padding:0;
	 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 font-size:13px;
}

/*keeps individual inputs from taking over the world*/
/*#city {
	width:50% !important;
}
 #state {
	width:165px !important;
}
 #zip {
	width:125px !important;
}
#telephone {
	width:150px !important;
}
#fax {
	width:150px !important;
}

#email {
	width:50% !important;
}

label {
	display:inline-block !important;
	width:90px !important;
}

.labeltextarea {
	display:inline-block !important;
	width:100% !important;
}


#RadCaptcha1_CaptchaTextBoxLabel {
	width:100% !important;
}
#RadCaptcha1_CaptchaTextBox {
	width:140px !important;
}
*/ 

/*#dwndWrapper {
    height: 85px;
    background-image: url("../../images/upload_100.png");
    background-position: left;
    background-repeat: no-repeat;
    padding: 15px 0 0 100px;
}
 
div.RadUpload .ruBrowse {
    background-position: 0 -46px;
    width: 115px !important;
}
 
html div.RadUpload .ruFileWrap .ruButtonHover.ruButtonFocus,
html div.RadUpload .ruFileWrap .ruButtonFocus,
html div.RadUpload .ruFileWrap .ruButtonHover {
    background-position: 100% -46px;
}
 
html div.RadUpload.RadUpload_Glow .ruBrowse,
html div.RadUpload.RadUpload_Silk .ruBrowse {
    background-position: 0 0;
}*/

.ruFileInput {
    font: 11px/10px "Segeo UI",Arial,sans-serif !important; 
}

 /*Makes responsive fields. Sets size and field alignment.*/
input[type=text]{
margin-bottom: 10px;
margin-top: 2px;
padding: 5px;
border:1px solid #666666;
}
input[type=submit]
{
margin-bottom: 20px;
width:100%;
padding: 15px;
border:1px solid #666666;
background-color: #4180C5;
color: aliceblue;
font-size:15px;
cursor:pointer;
}
#submit:hover
{
background-color: black;
}
textarea{
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #666666;
margin-bottom: 20px;
resize:none;
}
input[type=text]:focus,textarea:focus {
border-color: #4697e4;
}

@media screen and (max-width: 1200px) and (min-width: 601px){
 .rwdform {
	 max-width:700px;
     margin-left:auto;
     margin-right:auto;
     padding:0;
      font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


label {
	display:inline-block !important;
	width:60px !important;
}
 
p.responsiveform {
font-size:12px;
}
label{
font-size:12px;
}
input[type=submit]{
padding:5px;
}
input[type=text]{
padding: 8px;
} 
}

@media screen and (max-width: 600px) and (min-width: 351px){
	
 
p.responsiveform{
font-size:12px;
}
label{
    font-size:12px; 
    display:inline-block !important;
	width:60px !important;
}
input[type=submit]{
padding:5px;
}
input[type=text]{
padding: 8px;
} 

input[type=text]{
margin-bottom: 10px;
margin-top: 5px;
width:100%;
padding: 10px; 
border:1px solid #666666;
}
}


@media screen and (max-width: 350px){
	input[type=submit]
{
padding:4px;
font-size:12px;
}
input[type=text]{
padding: 8px;
}

label {
	font-size:12px;
	display:inline-block !important;
	width:60px !important;
}
 
 
p.responsiveform{
font-size:12px;
} 

input[type=text]{
margin-bottom: 10px;
margin-top: 5px;
width:100%;
padding: 10px; 
border:1px solid #666666;
}


/*keeps individual inputs from taking over the world*/
#city {
	width:100% !important;
}
 #state {
	width:100% !important;
}
 #zip {
	width:100% !important;
}
#telephone {
	width:100% !important;
}
#fax {
	width:100% !important;
}

#email {
	width:100% !important;
}

}