div#cabecalho h2{
text-align:center;
text-shadow: #fff 1px 1px 1px, #FFF -1px -1px 1px;
clear:both;
}

div#cabecalho h1{
text-align:center;
color:#000;
text-shadow: #fff 2px 2px 2px, #FF0000 -1px -1px 1px;
clear:both;
}

div#cabecalho a {
text-decoration:none;
}

div#cabecalho{
background:#fff;
width:100%;
margin:0 auto;
border-radius: 5px;
box-shadow: #fff 2px 2px 1px;
}

div#menu{
margin-top:20px;
clear:both;
margin:0 auto;
width:50%;
padding-left:15px;
}

#menu a{
margin:0 auto;
font-size:24px;
margin-left:15px;
float:left;
text-decoration:none;
color:#000;
text-shadow: #fff 2px 2px 2px, #FF0000 -1px -1px 1px;
}

#menu a:hover{
text-shadow: #fff 2px 2px 2px, #00008B -1px -1px 1px;
}

hr{
width:100%;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
clear:both;
    display: none;
    position:absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
margin-top:25px;
}

.dropdown-content a {
    color: black;
    padding:5px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

@media only screen and (max-width: 1810px) {
  div#menu{
width:55%;
}

@media only screen and (max-width: 1700px) {
  div#menu{
width:60%;
}

@media only screen and (max-width: 1600px) {
  div#menu{
width:65%;
}

@media only screen and (max-width: 1500px) {
  div#menu{
width:70%;
}
 
@media only screen and (max-width: 1400px) {
  div#menu{
width:75%;
} 

@media only screen and (max-width: 1300px) {
  div#menu{
width:80%;
}

@media only screen and (max-width: 1200px) {
  div#menu{
width:85%;
}
 
@media only screen and (max-width: 1100px) {
  div#menu{
width:90%;
}

@media only screen and (max-width: 1015px) {
  div#menu{
width:95%;
}
div#menu a{
font-size:22px;
  }
  
  div#cabecalho h1{
font-size:1.8em;
}
.dropdown-content a {
    padding:3px;
}

}

@media only screen and (max-width: 900px) {
  div#menu{
width:100%;
}

div#cabecalho h1{
font-size:1.6em;
}
div#menu a{
margin-left:12px;
font-size:20px;
  }
  .dropdown-content{
    margin-top:20px;
	width:100%;
}

}

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

div#cabecalho h1{
font-size:1.4em;
}
div#menu a{
margin-left:10px;
font-size:18px;
  }
}

@media only screen and (max-width: 740px) {
	
div#menu a{
margin-left:8px;
font-size:17px;
  }
  
}

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

div#cabecalho h1{
font-size:1.3em;
}
div#cabecalho h2{
font-size:1.4em;
}
div#menu a{
margin-left:5px;
  }
  div#menu{
  padding-left:10px;
  }
  .dropdown-content a {
    padding:none;
}
}

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

div#cabecalho h1{
font-size:1.2em;
}
div#cabecalho h2{
font-size:1.3em;
}
div#menu a{
font-size:16px;
  }
  div#menu{
  padding-left:none;
  }
  .dropdown-content{
    margin-top:18px;
}

}