body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 200px;
 margin-top: 50px;
 float: left;
 }
#ogc
 {
 margin-right: 410px;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold;
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 
 @media all and (max-width:320px)
{
body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 18%;
 margin-top: 20px;
 margin-bottom: 20px;
 float: left;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 }
 
@media all and (min-width:321px) and (max-width:480px)
{
body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 27%;
 margin-top: 20px;
 margin-bottom: 20px;
 float: left;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 }
 
 @media all and (min-width:481px) and (max-width:720px)
{
body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 36%;
 margin-top: 20px;
 margin-bottom: 20px;
 float: left;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 }
 
  @media all and (min-width:721px) and (max-width:1024px)
{
body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 40%;
 margin-top: 20px;
 margin-bottom: 20px;
 float: left;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 }
 @media all and (min-width:1025px) and (max-width:1200px)
{
body {
 font-family:"trebuchet ms",sans-serif;
 font-size:90%;
 color:#314B44;
 text-align: center;
 }
#logo
 {
 width:210px;
 height:150px;
 margin-left: 40%;
 margin-top: 20px;
 margin-bottom: 20px;
 float: left;
 }
form {
 background-color:#FAFAFA;
 margin: 0 auto;
 width:280px;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #314B44;
 }
legend {
 color:#314B44;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#DFF2FF;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #16B84E;
 border-radius:5px;
 width:200px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #16B84E;
 cursor:pointer;
 }
 }