@media only screen and (min-width: 1600px) {
  #container {
	/*width:612px;*/
	max-width:70%;
  }
}

@media screen and (max-width: 1280px) and (min-width: 769px) {
  #container {
	/*width:612px;*/
	min-width:80%;
  }
}

@media screen and (max-width: 768px) and (min-width: 321px) {
  #container {
	/*width:612px;*/
	min-width:100%;
  }
}

@media only screen and (max-width: 320px) {
  #container {
	/*width:612px;*/
	min-width:100%;
  }
}


hr {color:sienna;}

body {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
  background-color:#2F4F4F; 
}


#container {
width:80%; 
background-color:#ffffff; 
padding-left:15px; 
padding-top:15px; 
padding-right:15px; 
border-style:dotted; 
border-width: 1px; 
border-color:#2F4F4F; 
margin-left:auto; 
margin-right:auto; 
font-family:"Arial",Georgia,Serif; 
}

h1 {
color:#315B7E; 
font-size:22pt; 
padding-bottom:5px; 
border-bottom-style:dotted; 
border-width: 1px; 
border-color:#2F4F4F; 
}

#submit {
margin-top:20px;
color: rgb(206, 234, 232); 
width: 100px; 
height: 30px; 
font-size: 14pt; 
background-color: rgb(39, 116, 16);
}

#lang {
color:#CD5C5C; 
font-size:18pt; 
}

#footer {
font-family:"Times New Roman", Times, serif; 
font-size:95%; 
color:#778899; 
padding-top:5px; 
border-top-style:dotted; 
border-width: 1px; 
border-color:#2F4F4F;
}