* {
  margin: 0;
  padding: 0; }

p {
  margin: 0 0 10px; }

.img-responsive {
  max-width: 100%; }

.mapa {
  border: solid 1px #D9AB82; }

body {
  font-family: 'Roboto Condensed', sans-serif;
  background-image: url("../img/layout/bg-header-1.png");
  background-repeat: no-repeat;
  background-position: top; }

main {
  max-width: 1150px;
  margin: 0 auto; }
  main header {
    display: grid;
    height: 750px;
    max-width: 100%; }
    main header nav {
      margin: 20px 10px; }
      main header nav ul li {
        display: inline;
        margin: 10px; }
        main header nav ul li a {
          color: #D9AB82;
          text-decoration: none; }
          main header nav ul li a:hover {
            color: white; }
    main header .header-logo {
      text-align: center;
      margin: 70px 0 20px; }
      main header .header-logo img {
        margin: 0 auto;
        opacity: 0; }
    main header .header-slogan {
      font-family: 'DM Serif Text', serif;
      font-size: 2.5rem;
      color: white;
      text-align: center;
      margin-top: 60px; }
  main .site-content {
    font-weight: 300;
    color: #402921;
    font-size: 1.2rem;
    margin: 15px; }
    main .site-content .cards {
      margin: 30px 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 70px; }
      main .site-content .cards .card {
        border: solid 1px #D9AB82;
        -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
        background: url("../img/layout/bg-card-opacity-30.png") repeat; }
        main .site-content .cards .card .card-content .text .social img {
          border: none;
          margin-right: 2px; }
        main .site-content .cards .card .card-content .text a {
          color: #D9AB82;
          text-decoration: none; }
          main .site-content .cards .card .card-content .text a:hover {
            color: white; }
        main .site-content .cards .card .title {
          margin: 25px;
          font-style: italic;
          font-weight: bolder;
          color: #D9AB82;
          font-size: 2rem; }
        main .site-content .cards .card.lg {
          grid-column: 1 / span 2; }
          main .site-content .cards .card.lg .card-content {
            margin: 25px; }
            main .site-content .cards .card.lg .card-content img {
              border: solid 1px #D9AB82;
              float: left;
              margin-right: 15px;
              margin-bottom: 25px; }
            main .site-content .cards .card.lg .card-content.depoimento {
              font-style: italic; }
              main .site-content .cards .card.lg .card-content.depoimento small {
                display: block;
                font-style: normal;
                margin: 5px 0; }
        main .site-content .cards .card.md .card-content {
          margin: 25px; }
          main .site-content .cards .card.md .card-content img {
            border: solid 1px #D9AB82;
            margin-bottom: 10px; }
          main .site-content .cards .card.md .card-content .text.contato {
            font-weight: bolder; }
  main .footer {
    font-size: 0.8rem;
    background-color: #402921;
    border: 1px solid #D9AB82;
    padding: 20px;
    color: #D9AB82;
    text-align: center; }
    main .footer .privacy:hover {
      cursor: pointer;
      text-decoration: underline;
      color: white; }

#privacy {
  display: none; }
  #privacy .title:hover {
    cursor: pointer;
    text-decoration: underline; }
  #privacy.show {
    display: block; }

@media (max-width: 800px) {
  main .site-content .cards {
    display: block; }
    main .site-content .cards .card {
      margin: 60px 0; } }

@media (max-width: 600px) {
  main .site-content .cards .card {
    margin: 60px 0; }
    main .site-content .cards .card.lg .card-content img {
      float: none; } }

.galleria {
  max-width: 700px;
  height: 400px;
  background: #000; }
