@media screen and (min-width: 650px) and (max-width: 1960px) {
body {
box-sizing: border-box;
}
header {
text-align: center;
text-shadow: 0.250em 0.250em 0.125em #A9A9A9;
color: #EF7800;
width: 32.500em;
/*border: 0.063em solid black;*/
/*background-color: #E6E6FA; */
}
nav {
text-align: center;
width: 32.500em;
/*border: 0.063em solid red;*/
/*background-color: #AFEEEE; */
}
section { 
margin-left: 10.688em;
padding: 0.125em;
width: 21.563em;
/*border: 0.063em solid blue;*/
/*background-color: #90EE90; */
}
footer { 
text-align: center;
width: 32.500em;
/*border: 0.063em solid black;*/
/*background-color: #F0E68C; */
}
aside { 
float: left;
text-align: center;
width: 10.313em;
}
article {
text-align: justify;
}
h1 {
font-family: Arial; 
font-size: 2.500em  /*40px;*/
}
h2 {
font-family: Arial; 
font-size: 1.275em  /*25px;*/
}
p, ul {
font-family: Arial;
font-size: 0.875em; /* 14px */
} 
img.top {
vertical-align: middle;
}
}

@media screen and (max-width: 650px) {
body {
box-sizing: border-box;
}
header {
text-align: center;
text-shadow: 0.250em 0.250em 0.125em #A9A9A9;
color: #EF7800;
width: 25em;

}
nav {
text-align: center;
width: 23em;

}
section { 
/*margin-left: 10.688em;*/
padding: 0.125em;
width: 23em;

}
footer { 
text-align: center;
width: 23em;

}
aside { 
/*float: left;*/
text-align: center;
width: 23em;
}
article {
text-align: justify;
}
h1 {
font-family: Arial; 
font-size: 2.300em  /*40px;*/
}
h2 {
font-family: Arial; 
font-size: 1.275em  /*25px;*/
}
p, ul {
font-family: Arial;
font-size: 0.875em; /* 14px */
} 
img.top {
vertical-align: middle;
}
}