/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 body { line-height: normal; font-size: 24px; line-height: 36px; }
 html { scroll-behavior: smooth; }

  h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; }

  h1 { font-size: 70px; line-height: 80px; font-weight: 700; color: #7ba3e1; letter-spacing: -1px; }
  h2 { font-size: 50px; line-height: 60px; font-weight: 700; color: #7ba3e1; letter-spacing: -1px; }
  h3 { font-size: 40px; line-height: 50px; font-weight: 700; color: #7ba3e1; }
  h4 { font-size: 30px; line-height: 38px; font-weight: 400; color: #7ba3e1; }

  .topooo { background: url('../img/casa-praia-santa-teriznha-01.jpg') center no-repeat; background-size: cover; background-attachment: fixed; }

  .section.topo { margin: 0; padding: 100px 0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7035189075630253) 20%, rgba(0,0,0,0.20772058823529416) 100%); }

  .section.topo i { font-size: 100px; color: #fff; }
  .section.topo h1 { font-size: 90px; line-height: 110px; color: #fff; }
  .section.topo h3 { font-size: 36px; line-height: 50px; font-weight: 400; color: #fff; }
  .section.topo h5 { font-size: 24px; line-height: 32px; text-transform: uppercase; font-weight: 400; color: #fff; margin: 15px 0 0; }

  .section.promo { padding: 35px 0; background: #00e676; color: #000; }
  .section.promo h2 { color: #000; margin: 4px 0; }
  .section.promo h4 { color: #000; margin: 4px 0; }

  .section.descricao { padding: 75px 0; }
  .section.descricao i { font-size: 100px; color: #7ba3e1; }
  .section.descricao h3 { margin: 0; }

  .section.galeria { padding: 75px 0; background: #eee; }
  .section.galeria img { float: left; width: 14.5%; margin: 1%; border: 2px solid #7ba3e1; }

  .section.localizacao { padding: 75px 0; background: #7ba3e1; }
  .section.localizacao h2 { color: #fff; margin-bottom: 20px; }
  .section.localizacao h4 { color: #fff; margin-bottom: 40px; }

  .section.contato { padding: 100px 20px 200px; color: #fff; background: #000; }
  .section.contato h2 { color: #00e676; }
  .section.contato h4 { color: #fff; }

  .section.contato a { color: #fff; transition: 0.3s; font-weight: 600; }
  .section.contato a:hover { color: #7ba3e1; }

  a { color: #fff; text-decoration: none; }

  .divider { margin: 50px 0; }

  .whatsapp { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; z-index: 999; }

  .btn { font-family: 'Montserrat', sans-serif; background: #00e676; font-size: 18px; color: #000; font-weight: 700; height: 50px; line-height: 50px; padding: 0 25px; border-radius: 50px; }
  .btn:hover {background: #7ba3e1; color: #fff; }


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

  body { line-height: normal; font-size: 20px; line-height: 30px; }

   h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; }

   h1 { font-size: 44px; line-height: 54px; font-weight: 700; color: #7ba3e1;  }
   h2 { font-size: 30px; line-height: 36px; font-weight: 700; color: #7ba3e1; }
   h3 { font-size: 26px; line-height: 32px; font-weight: 700; color: #7ba3e1; }
   h4 { font-size: 22px; line-height: 30px; font-weight: 400; color: #7ba3e1; }


  .section.topo { margin: 0; padding: 50px 0; }

  .section.topo i { font-size: 80px; }
  .section.topo h1 { font-size: 50px; line-height: 50px; color: #fff; margin: 15px 0 0; }
  .section.topo h3 { font-size: 20px; line-height: 26px; }
  .section.topo h5 { font-size: 14px; line-height: 20px; margin: 10px 0 0; }

  .section.descricao { padding: 50px 0; }
  .section.descricao i { font-size: 60px; }
  .section.descricao h3 { margin: 0; }
  .section.descricao h4 { margin: 0; font-weight: 500; }

  .section.galeria { padding: 50px 0; background: #eee; }
  .section.galeria img { float: left; width: 45.4%; margin: 2%; border: 3px solid #7ba3e1; }

  .section.localizacao { padding: 50px 0; background: #7ba3e1; }
  .section.localizacao h2 { color: #fff; margin-bottom: 10px; }
  .section.localizacao h4 { color: #fff; margin-bottom: 20px; }
  .section.localizacao iframe { height: 300px; }

  .section.contato a { color: #fff; transition: 0.3s; font-weight: 600; }
  .section.contato a:hover { color: #7ba3e1; }



}

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

  .whatsapp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    animation: tremer .2s;
    animation-iteration-count: 2;
    z-index: 999;
  }



}