body {
 font-family: 'Ubuntu', Arial, sans-serif !important;
 margin:0px !important;
}
A.lnk:link { font-size: 14px; text-decoration: none; color:#1584B8}
A.lnk:visited { font-size: 14px; text-decoration: none; color:#1584B8}
A.lnk:active { font-size: 14px; text-decoration: none; color: #F44A00}
A.lnk:hover { font-size: 14px; text-decoration: none; color: #F44A00}


h1{font-size: 24px;  font-weight: 900;margin-left:50px; color:#1F3C4B;}
#container{max-width:600px;text-align:left;}
.table{width:100%;min-width:320px;}
.form,.formbody{border:1px solid #1584B8; background: #fff; margin-top:5px;margin-bottom:5px;}


.btn{font-size:14px;
  background-color: #1584B8;
  border:1px;
  padding:8px;
  color: #fff;
  text-decoration: none;
  cursor:pointer;
  border-bottom-color: #1e6a8d;
  box-shadow: inset 0 2px 0 rgba(120,200,230,0.5);
  text-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.form,.text,.btn,.formbody,.header{font-size:14px; }

.error{color:red;font-size:14px}
.formbody{width:100%;font-family: Arial, Verdana !important;}
.form{width:100%;height:30px;}
.textsm{font-size:11px}

@media only screen and (max-width: 320px){
 .table{max-width:260px !important; width:260px !important;}
 .header,.form,.text,.btn,.formbody,a.lnk{font-size:11px !important;}
}

@media only screen and (min-width:321px) and (max-width: 360px){

 .header,.form,.text,.btn,.formbody,a.lnk{font-size:12px !important;}
}

@media only screen and (min-width:361px) and (max-width: 374px){

 .header,.form,.text,.btn,.formbody,a.lnk{font-size:12px !important;}
}

@media only screen and (min-width:375px) and (max-width: 410px){

 .header,.form,.text,.btn,.formbody,a.lnk{font-size:12px !important;}
}

@media only screen and (min-width:411px) and (max-width: 567px){

}

@media only screen and (min-width:568px) and (max-width: 639px){

}

@media only screen and (min-width:640px) and (max-width: 666px){

}

@media only screen and (min-width:667px) and (max-width: 730px){

}

@media only screen and (min-width:731px) and (max-width: 767px){

}

@media only screen and (min-width:768px) and (max-width: 811px){

}

@media only screen and (min-width:812px) and (max-width: 822px){

}

@media only screen and (min-width:823px) and (max-width: 1023px){

}

@media only screen and (min-width:1024px) and (max-width: 1365px){

}

@media only screen and (min-width:1366px) and (max-width: 3000px){

}