@charset "utf-8";
/* CSS Document */

div.top.helper { height: 100px!important; display: none }

header.header { height: 100px; box-shadow: none; background-color: rgb(250,240,230); position:relative }

header.header * { overflow: visible!important; }

header.header div.menu a { color: var(--main); text-shadow: none!important; }

header.header div.faixa, section#whats { display: none }

#base { min-height: 750px; position: relative; padding-bottom:100px; overflow:hidden }

#base div.in { width:1000px!important; max-width:100%;  }

#base h3 { color:var(--main) }

#base div.in div.left { width:650px!important; text-align: left; margin:0 5px;   }

#base div.in div.left div.img { width:100%!important; height: 250px }

#base div.in div.left div.img div.in { width:100%!important; height: 250px; background-size: 100%; background-position: center }

#base div.in p { text-align: left; margin:0 5px }

#base div.in div.right { width:275px!important; text-align: left;   }

#base div.in div.right h3 { text-align: center  }

#base div.in div.right div.in { width:100%!important;  }

#base div.in div.right div.img { 
  height: 125px; 
   z-index:-1; 
  background-color: rgba(150,55,45,.5);
}

#base div.in div.right div.post:hover div.img { 
    background-color: rgba(150,55,45,.0001);
}

@media screen and (max-width: 1100px) {
    #base  { width:100%!important;  }
    #base div.in  { width:100%!important;  }
    #base div.in div.right { width:100%!important;  }
    #base div.in div.left { width:100%!important;  }
    #base div.in div.left div.img { 
        height: 130px;
        margin-bottom:25px
    }
    #base div.in div.left div.img div.in { 
        height: 100%;}
    #base div.in p {
        text-align: center;
        padding: 0 20px
    }

}