body {
    background-color: #ccc;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0%;
}

   .hero
     {
     background-image: url(../imagens/bg-3.jpg);
     height: 500px;
     background-position: right center;
     background-size: cover;
     border-top: 1px solid transparent;
   }

   .text1 {
       text-align: center;
       color: white;
       margin-top: 50px;

   }

   .text1 h1 {
          text-transform: uppercase;
          font-size: 74px;
          text-shadow: 3px 3px 5px #333;
   }

   main {
     width: 90%;
     margin: auto;
   }

   .conteudo {
    background-color: white;
    padding: 20px;
    margin-top: 15px;
    overflow: auto;
     
   }

   .content-header {
     font-size: 34px;
     text-align: justify;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
       
   }

     .cont{
         background-color: white;
     }

    .content-header h2 {
         text-align: center;
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
         text-transform: uppercase;
    }

     
     .parag {
         text-align: justify;
         float: right;
     }


   .rodape {
    height: 80px;
	color: white;
	font-size: 14px;
	text-align: center;
	text-shadow: 2px 2px 2px black;
	background: #6b6c68;
    line-height: 80px;
   }

     .hero nav ul {
        text-align: right;
    margin: 20px 50px 0 0;
     }
   
   .hero nav li {

    display: inline-block;
    list-style: none;
    margin-left: 10px;
    border: 1px solid white;
    
   }

   .hero nav a {
    background: rgba(0,0,0, 0.3);
    display: block;
    padding: 15px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
   }

   .hero nav a:hover { 
         background: rgb(106, 102, 107); }

         .text1 p {
             background-color: rgba(0,0,0,0.8);
             display: inline-block;
             padding: 10px;
             border-bottom: white 2px solid;
         }

          .card{ 
            width: 32%;
            float: left;
            box-sizing: border-box;
          }

          .card img {
            width: 100%; 
            display: block;
          }

          .card-1, .card-2{
            margin-right: 2%;
        }

        .card p{
            background-color: #393535;
            color: white;
            margin: 0;
            padding: 15px;
        }

       #parag {
        font-size: 17px;
        text-align: justify;
        font-family: 'Courier New', Courier, monospace;

       }