body{
  overflow-x: hidden;
  overflow-y: scroll;
}

header {
    background-color: black;
    padding: 20px 0;
  }
  
  .caixa {
      position: relative;
      width: 940px;
      margin: 0 auto;
  }
  
  .caixa img {
    max-width: 200px;
    max-height: 200px;
  }
  
  nav{
      position: absolute;
      top: 160px;
      right: 0;
  }
  
  nav li {
    display: inline;
    margin: 0 0 0 22px;
  }
  
  nav a {
    text-transform: uppercase;
    color: rgb(240, 203, 111);
    font-size: 25px;
    text-decoration: none;
    font-family: Roboto;
  }

  .destaque {
    display: inline-block;
    width: 98%;
    vertical-align: top;
    margin: 1.5% 1.5%; 
    padding: 30px 20px;
    box-sizing: border-box;
    border: 2px solid black;
    background-color: rgb(240, 203, 111);
    font-family: Roboto;
  }

  .destaque h1 {
    text-align: center;
    font-size: 54px;
    font-weight:  bold;
  }

  .destaque h2 {
    text-align: center;
    font-size: 38px;
    font-weight:  bold;
  }

  .destaque h3 {
    text-align: center;
    font-size: 28px;
    font-weight:  bold;
  }

  .destaque h4 {
    font-size: 25px;
    font-weight:  bold;
  }

  .destaque p {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 2px;
  }


  .rodape{
    max-height: 100px;
    padding: 20px 0;
    background-color: black;
    position: relative;
    margin: 0 auto;
  }
  
  .rodape p{
    font-style: italic;
    font-family: Roboto;
    text-align: center;
    color: white;
  }