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

div#principal{
width:70%;
margin:0 auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
height:100%;
min-height:520px;
}

div#principal h2{
font-family: MedievalSharp;
font-size:40px;
color:#fff;
text-align:center;
margin: 10px auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
text-shadow: #000 2px 2px 2px, #000 -1px -1px 1px;
width:40%;
}

div#dados-pessoais{
width:60%;
height:430px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
float:left;
margin:10px;
}

div#dados-pessoais h3{
font-family: MedievalSharp;
font-size:30px;
color:#fff;
text-shadow: #000 2px 2px 2px, #000 -1px -1px 1px;
margin:0 auto;
text-align:center;
padding:5px;
margin:5px;
}

div#dados-pessoais h3 span{
font-family: cursive;
text-shadow:none;
font-size:24px;
color:#000;
text-align:center;
}

div#foto{
float:left;
width:35%;
height:430px;
margin:10px;
}

div#imagem-01{
background-image:url(../imagens/samuel-02.jpg);
background-repeat: no-repeat;
background-position: center;
width:100%;
height:430px;
box-shadow: 10px 10px 10px 5px black;
}

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

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%;
}
div#dados-pessoais h3 span{
font-size:22px;
}
}

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

div#principal{
width:100%;
}
div#dados-pessoais{
margin:5px;
}
div#foto{
margin:5px;
}
div#dados-pessoais h3 span{
font-size:20px;
}

div#principal h2{
font-size:35px;
}
}