@charset "utf-8";
/* foz typebot */
html, body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
.text-wine{
	color:#7C1010;
}
.bg-wine{
	background:#7C1010;
}

#new-header{
	box-shadow: 0px 5px 10px #00000078;
	z-index: 11;
}
#header-1 .logo{ width:120px;}
#header-1 p{font-size:15px;line-height: 18px;}
#header-1 i{ font-size:36px; }

#main{
	padding-top:64px;
}

#banner{
	background: linear-gradient(to bottom, #8a0000 0%, #6e0000 45%, #460000 100%);
}

#banner .position-absolute{
	bottom:0px;
}
#banner p{
	font-size: 14px;
	line-height: 1.1;
}


#header .container-fluid{
	background-image:url(../imgs/typebot-header-1920x265.webp);
	background-position: 50% 0px;
	background-size: cover;
	background-repeat: no-repeat;
	height: 128px;
}

#chat{
	height: calc(100vh - 240px);
}


@media (min-width:420px){
	
#chat{
	height: calc(100vh - 270px);
}

}

@media (min-width:480px){
	
#chat{
	height: calc(100vh - 300px);
}

}

@media (min-width:540px){
	
#chat{
	height: calc(100vh - 320px);
}

}
@media (min-width:576px){
		
#header .container-fluid{
	height: 156px;
}

#chat{
	height: calc(100vh - 320px);
}	

}
@media (min-width:768px){
		
#header .container-fluid{
	height: 128px;
}

#banner .desconto{
	width:35%;
}

#banner .d-md-block{
	width:65%;
}
	
#chat{
	height: calc(100vh - 260px);
}
	
}

@media (min-width:992px){
	
#header .container-fluid{
	height: 160px;
}	

#chat{
	height: calc(100vh - 322px);
}	
}

@media (min-width:1200px){
	

#header-1 .logo{width: 141px;}

#header-1 p{font-size: 16px;line-height: 21px;}
#header-1 i{font-size: 42px;}

#main{
	padding-top: 88px;
}

	
#chat{
	height: calc(100vh - 393px);
}	
}




@media (min-width:1440px){
	
#chat{
}	
}

@media (min-width:1640px){
	
	
#chat{
}	
}

@media (min-width:1921px){
	.container-fluid{
		max-width:1920px;
		background-size: contain;
	}

}