@media screen and (max-width:480px){
	.logo-header{
		align-self:center
	}
}
.logo-header img{
	/*width:12%*/
}
@media screen and (max-width:480px){
	.logo-header img{
		width:98%
	}
}
.logo-header{
	/*text-align:left*/
}


.img-fluid{
	max-width: 100%; and height: auto;
}

body{
	font-family: "Inter Tight", sans-serif;
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden
}

.esconder{
	display: none;
}

header{
	.menu{
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: center;
		list-style: none;
		border-top: 1px solid #cecece;

		li{
			font-size: 26px;
			font-weight: 400;
			font-family: "Inter Tight", sans-serif;


			@media screen and (max-width:768px){
				font-size: 15px;
				letter-spacing: 0;
				line-height: 23px;
			}
		}
	}
}


section.hero{
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;

	.container{
		@media (min-width: 768px) {
			max-width: 700px !important;
		}
	}

	h1{
		color:rgb(0, 0, 0);
		display:block;
		font-family:"Inter Tight", sans-serif;
		font-size:37px;
		font-weight:600;
		strong{
			font-weight:900;
		}

		@media screen and (max-width:768px){
			font-size: 28px;
			        line-height: 23px;
		}
	}

	p{
		color:rgb(0, 0, 0);
		display:block;
		font-family:Inter, sans-serif;
		font-size:22px;
		font-weight:600;
		@media screen and (max-width:768px){
			font-size: 16px;
		}
	}
	.info{
		@media screen and (max-width:768px){
			font-size: 11px;
		}
		u{
			color:rgb(0, 69, 218);
			font-size:16px;
			font-weight:700;
			@media screen and (max-width:768px){
				font-size: 11px;
			}
		}
	}
	.icons{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-end;
		gap: 5px;

		.icon{
			a{
				display: block;
				width: 32px;
				height: 32px;
				border-radius: 50%;
				border-style: outset;
				border-color: #000;
				background: #fff;
				text-align: center;

				@media screen and (max-width:768px){
					width: 26px;
					height: 26px;
				}
				svg {
					margin-top: -1px;
					height: 16px;
					word-spacing: 5px;

					@media screen and (max-width:768px){
                        margin-top: -8px;
                        height: 14px;
					}

					path{
						fill:#000 ;
					}
				}
			}
		}
	}
}

section.video{
	@media screen and (max-width:768px){
		padding:10px 20px;
	}
	.player-video{
		@media screen and (max-width:768px){
			border-radius: 15px;
			overflow: hidden;
		}
	}
}

section.sales{
	.hes3b-offer-box{		
		background-color: #fff;
		border: 4px solid #145fa4;
		border-radius: 25px;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		font-family: Figtree, sans-serif;
		position: relative;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.hes3b-offer-header {
		min-height: 65px;
		background-color: #145fa4;
		color: #fff;
		text-align: center;
		font-weight: 900;
		font-size: 24px;
		text-transform: uppercase;
		padding: 8px;
		margin: 0;
		clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 90%, 0% 70%);
	}
	.hes3b-offer-body {
		text-align: center;
		padding: 0 10px;
		margin-top: 10px;
	}

	.a-b-a {
		display: flex;
		flex-direction: row-reverse;
		gap: 5px;
		justify-content: center;
		align-items: center;
	}

	.a-btn {
		padding-right: 22px;
		padding-bottom: 20px;
		border-bottom-left-radius: 50px;
		align-self: center;
		border-top-left-radius: 50px;
		border-bottom-right-radius: 50px;
		background: linear-gradient(90deg, #ff7417 0, #fe4445 100%);
		gap: 6px;
		padding-left: 22px;
		border-top-right-radius: 50px;
		font-size: 30px;
		width: 100%;
		font-family: Lato, sans-serif;
		padding-top: 20px;
		color: #fff;
		text-decoration: none;
		font-weight: 900;


		svg{
			height: 22px;
		}
	}

	.oneBottle-bullet-container {
	    text-align: center;
	    font-weight: 600;
	}
	.oneBottle-offer-box {
		background-color: #fff;
		border: 4px solid #fbfbfb;
		border-radius: 25px;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		font-family: Figtree, sans-serif;
		position: relative;
		overflow: hidden;
		padding: 10px;
		padding-bottom: 30px;

		.a-btn {
			padding-right: 22px;
			padding-bottom: 20px;
			border-bottom-left-radius: 50px;
			align-self: center;
			border-top-left-radius: 50px;
			border-bottom-right-radius: 50px;
			background: linear-gradient(180deg, #fccd15 50%, #ffd814 51%);
			gap: 6px;
			padding-left: 22px;
			border-top-right-radius: 50px;
			font-size: 30px;
			width: 100%;
			font-family: Lato, sans-serif;
			padding-top: 20px;
			color: #000;
		}
	}	
}