@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
 --preto:#000;
 --branco:#FFF;
 --marrom:#6e361a;
 --vermelho: #6d0a0a;
}
*{box-sizing:border-box;}html,body{font-family: 'Montserrat', sans-serif;}

html{scroll-behavior:smooth;}
body{margin:0px 0px 0px;padding:0px; background-image: url('/cafe_social/images/bg.jpg');background-attachment: fixed;}
img{max-width:100%;max-height:auto;}a{color:inherit;text-decoration:none;}h1,h2,h3,h4{margin:0px 0px 15px;}p{margin:0px 0px 15px;}
.checker-color{color: #067416;}
.fontBase{font-family: 'Montserrat', sans-serif;}
.font-size11{font-size:11px;}.font-size12{font-size:12px;}.font-size14{font-size:14px;line-height: 18px;}.font-size16{font-size:16px;line-height: 20px;}.font-size18{font-size:18px;line-height: 22px;}.font-size20{font-size:20px;}.font-size22{font-size:22px;}.font-size25{font-size:25px;}.font-size28{font-size:28px;}.font-size32{font-size:32px;line-height: 38px;}.font-size40{font-size:40px;line-height: 45px;}.font-size45{font-size:45px;}.font-size50{font-size:50px;}.font-size60{font-size:60px;}
.txt-left{text-align:left;}.txt-right{text-align:right;}.txt-center{text-align:center;}.txt-justify{text-align:justify;}	
.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}
*[class*="wd-"]{max-width:100%;}
*[class*="flex-content-"]{display:flex;}
*[class*="ico-"]{background-repeat:no-repeat;background-position:center center;background-size:contain;}
.justify-between{justify-content:space-between;}.justify-center{justify-content:center;}.justify-around{justify-content:space-around;}.justify-end{justify-content:flex-end;}
.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.align-item-center{align-items:center;}
.wd-1200{width:1200px;}.wd-1100{width:1100px;}.wd-1000{width:1000px;}.wd-900{width:900px;}.wd-850{width:850px;}.wd-800{width:800px;}.wd-700{width:700px;}.wd-600{width:600px;}.wd-500{width:500px;}.wd-450{width:400px;}.wd-400{width:400px;}.wd-350{width:350px;}.wd-300{width:300px;}.wd-250{width:250px;}.wd-200{width:200px;}.wd-150{width:150px;}.wd-120{width:120px;}.wd-90{width:90px;}.wd-60{width:60px;}.wd-32{width:32px;}
.margin-auto{margin:auto;}.margin-zero{margin:0px;}.lista-zero,.lista-zero-margem{list-style:none;margin:0px;padding:0px;}.lista-zero-margem li{margin-bottom:20px;}.margin-bottom12{margin-bottom:12px;}
.ht-32{height:32px;}.ht-60{height:60px;}.ht-90{height:90px;}.ht-120{height:120px;}.ht-200{height:200px;}.ht-250{height:250px;}
.invert-color{filter: invert(100%);}.txt-shadow{text-shadow:1px 1px 3px rgba(0,0,0,0.6);}
.order-1{order: 1;}.order-2{order: 2;}
header{margin: 0px 0px 40px;}
section{width: 1200px;max-width: 98%;margin: auto;}
section p{font-weight: 500;}
#principal h1,#principal h2{text-align: center;font-weight:500;}
#principal h1{font-size:40px; color: var(--marrom);margin-bottom: 0px;}
#principal h2{font-size:28px;}
.flex-content-icones-wrp{justify-content:space-around;margin:0px 0px 20px;flex-wrap:wrap;text-align:center;list-style:none;padding:0px;}
.flex-content-icones-wrp li{width:250px;max-width:48%;}
.flex-content-icones-wrp img{width:30%;margin:0px auto 16px;}
.flex-content-icones-wrp p{font-size:16px;margin:0px 0px 6px;}
.flex-content-icones-wrp h4{font-size:25px;color:var(--branco);background-color:var(--marrom);border-radius: 6px;padding:6px 10px;text-align:center;}
.gallery img{height:250px;margin:2px;}
.flex-content-tagger div{padding:6px 12px; background-color: var(--marrom);color:var(--branco); font-size:12px;font-weight:600;text-align:center;margin:5px 8px;border-radius: 16px;}
footer{width: 100%;margin-top: 20px;text-align: center;padding-top: 20px;border-top: solid 1px var(--marrom);}
footer img{margin: 0px 15px 12px;width: 150px;}
.carousel-item{border-radius: 12px;background-color: var(--branco);padding: 10px 12px;margin:6px;}
.carousel-item p{font-size: 12px;}


@media only screen and (max-width: 720px){
.flex-content-txt-wrp,.flex-content-icones-wrp.icones-wrp2 { flex-direction: column;}
.flex-content-icones-wrp.icones-wrp2 li{width:98%;max-width:98%;margin: 0px auto 20px;}
.gallery img{height:150px;margin:2px;}
.flex-content-txt-wrp .wd-250{order: 1;}
.flex-content-txt-wrp .wd-900{order: 2;}
}