@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:30%
	}
}
.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;
}

section.hero{
	h2{
		font-family: "Inter Tight", sans-serif;
		font-weight: 600;
		text-align: center;
		font-size: 30px;
		@media screen and (max-width:768px){
			font-weight: 700;
			font-size: 23px;
			margin-top: 30px;
		}
	}
	h1{
		font-family: Roboto, sans-serif;
		font-weight: 900;
		text-align: center;
		font-size: 51px;
		color: #ce3f36;
		background-image: unset;

		@media screen and (max-width:768px){
			font-size: 32px;
		}
	}
}

section.video{
	@media screen and (max-width:768px){
		padding: 10px;
	}
	.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;
		}
	}	
}

section.featured{
	margin-top: 60px;
	background: #489eaa;
    padding-top: 50px;
    padding-bottom: 50px;

	h2{
		font-family: Roboto, sans-serif;
		font-weight: 900;
		text-align: center;
		font-size: 51px;
		color: #ffe400;
		background-image: unset;
		@media screen and (max-width:768px){
			font-size: 40px;
		}
	}
	img{
		width: auto;
		height: 125px;

		@media screen and (max-width:768px){
			max-width: auto; 
			height: 50px !important;
		}
	}
}

section.scientific-references{
	margin-top: 60px;
    padding-top: 50px;
    padding-bottom: 50px;

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

    h2{
    	background: #489eaa;
    	border-radius: 20px;
    	margin-top: 30px;
    	padding: 10px;
    	margin-bottom: 46px;
    	font-family: Roboto, sans-serif;
    	font-weight: 400;
    	text-align: center;
    	font-size: 36px;
    	color: #fff;
    	display: initial;

    	@media screen and (max-width:768px){
    		display: block;
    		width: 90%;
    		margin: 0 auto;
    		font-size: 32px;
    	}
    }
    img{
		width: auto;
		height: 125px;
		@media screen and (max-width:768px){
			max-width: 100%; 
			height: 40px !important;
		}
	}
	ul{
		list-style: none;
		padding: 0;
		width: 60%;
		margin: 0 auto;
		padding-top: 50px;
		@media screen and (max-width:768px){
			width: 90%;
		}

		li{
			font-family: Roboto, sans-serif;
			font-size: 15px;
			color: #7f7f7f;
			background-image: unset;
			font-weight: 400;
			padding:0 0 10px 0;
			word-wrap: break-word;
			@media screen and (max-width:768px){
				font-size: 13px;
			}
		}
	}
}