body{
width:90%;
margin:0 auto;
}

div#principal{
margin:0 auto;
width:60%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding:10px;
}

div#principal #h2{
text-align:center;
margin: 10px auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
width:60%;
}

section#secao01{
margin:10px auto;
width:70%;
padding:10px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

section#secao01 h2{
text-align:center;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
}

section#secao01 h3{
text-align:center;

}

section#secao01 a{
color:red;
text-decoration:none;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
margin:10px;
}

section#secao01 ol{
margin:5px auto;
padding-right:10px;
}

section#secao01 ol li{
margin:auto;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
text-align:justify;
text-shadow: #C0C0C0 1px 1px 1px, #ccc -1px -1px 1px;
}



@media only screen and (max-width: 1600px) {

div#principal{
width:70%;
}
}

@media only screen and (max-width: 1500px) {

section#secao01{
width:80%;
}
}

@media only screen and (max-width: 1400px) {

div#principal{
width:75%;
}
}

@media only screen and (max-width: 1300px) {

div#principal{
width:80%;
}
}

@media only screen and (max-width: 1200px) {

div#principal{
width:85%;
}
}

@media only screen and (max-width: 1100px) {

div#principal{
width:90%;
}
section#secao01{
width:90%;
}
}

@media only screen and (max-width: 1000px) {

div#principal{
width:95%;
}
}

@media only screen and (max-width: 900px) {

div#principal #h2{
width:70%;
}
}

@media only screen and (max-width: 800px) {

div#principal #h2{
width:80%;
}
}

@media only screen and (max-width: 700px) {

div#principal #h2{
font-size: .9em;
}
section#secao01 ol li{
	font-size:18px;
}
section#secao01 h2{
	font-size: .9em;
}
}

@media only screen and (max-width: 600px) {

div#principal #h2{
font-size: .7em;
}
section#secao01 ol li{
	
}
}