div#principal{
margin:0 auto;
width:70%;
    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:80%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

section#secao01 h3{
text-align:center;
}

section#secao01 a{
color:red;
text-decoration:none;
}

section#secao01 img{
margin:auto;
margin-bottom:15px;
height:300px;
width:50%;
margin-left:25%;
box-shadow: 10px 10px 10px 5px black;
}



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


}

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

canvas#myCanvas-09{
	width:100%;
}

}

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

p#paragrafo{
	font-size:18px;

}

span#span-01{
	  font-size:16px;
}


span#span-02{
    margin:5px;
	  padding:5px;
	  }
	  
	  span#span-03{
    margin:5px;
	  padding:5px;
	  }
	  
	  
	  span#span-04{
    margin:5px;
	  padding:5px;
	  }

}

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



}

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

div#principal{
width:95%;
}
}

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

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

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

section#secao01{
width:90%;
}
section#secao01 img{
height:300px;
width:55%;
margin-left:22%;
}
}

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

div#principal #h2{
font-size: .8em;
}
section#secao01 img{
height:300px;
width:65%;
margin-left:17%;
}
section#secao01 h3{
font-size: .9em;	
}
}