/* ================================================ Common css ============================================== */

@font-face {
    font-family: 'variera-bold';
    src: local('variera-bold'), local('variera-bold'),
      url('../fonts/VarieraDemo-Bold.woff2') format('woff2'),
      url('../fonts/VarieraDemo-Bold.woff') format('woff'),
      url('../fonts/VarieraDemo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'variera-medium';
    src: local('variera-medium'),
      local('variera-medium'),
      url('../fonts/VarieraDemo-Medium.woff2') format('woff2'),
      url('../fonts/VarieraDemo-Medium.woff') format('woff'),
      url('../fonts/VarieraDemo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'variera-regular';
    src: local('variera-regular'),
      local('variera-regular'),
      url('../fonts/VarieraDemo-Regular.woff2') format('woff2'),
      url('../fonts/VarieraDemo-Regular.woff') format('woff'),
      url('../fonts/VarieraDemo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'variera-semibold';
    src: local('variera-semibold'),
      local('variera-semibold'),
      url('../fonts/VarieraDemo-SemiBold.woff2') format('woff2'),
      url('../fonts/VarieraDemo-SemiBold.woff') format('woff'),
      url('../fonts/VarieraDemo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: 'variera-thin';
    src: local('variera-thin'),
      local('variera-thin'),
      url('../fonts/VarieraDemo-Thin.woff2') format('woff2'),
      url('../fonts/VarieraDemo-Thin.woff') format('woff'),
      url('../fonts/VarieraDemo-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Commons Regular';
    src: local('TT Commons  Regular'), local('TT-Commons--Regular'),
        url('../fonts/TTCommons-Regular.woff2') format('woff2'),
        url('../fonts/TTCommons-Regular.woff') format('woff'),
        url('../fonts/TTCommons-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'TT Commons Medium';
    src: local('TT Commons  Medium'), local('TT-Commons--Medium'),
        url('../fonts/TTCommons-Medium.woff2') format('woff2'),
        url('../fonts/TTCommons-Medium.woff') format('woff'),
        url('../fonts/TTCommons-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: 'Veneer Clean Regular';
    src: local('Veneer Clean Regular'), local('Veneer Clean Regular'),
        url('../fonts/VeneerClean-Regular.woff2') format('woff2'),
        url('../fonts/VeneerClean-Regular.woff') format('woff'),
        url('../fonts/VeneerClean-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }


  @font-face {
    font-family: 'Eastman Grotesque Medium';
    src: local('Eastman Grotesque Medium'), local('Eastman Grotesque Medium'),
        url('../fonts/Eastman-Grotesque-Medium.woff2') format('woff2'),
        url('../fonts/Eastman-Grotesque-Medium.woff') format('woff'),
        url('../fonts/Eastman-Grotesque-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }  

  @font-face {
    font-family: 'Tusker Grotesk Semibold';
    src: local('Tusker Grotesk Semibold'), local('Tusker Grotesk Semibold'),
        url('../fonts/TuskerGrotesk-6600Semibold.woff2') format('woff2'),
        url('../fonts/TuskerGrotesk-6600Semibold.woff') format('woff'),
        url('../fonts/TuskerGrotesk-6600Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  } 

  @font-face {
    font-family: 'Tusker Grotesk Medium';
    src: local('Tusker Grotesk Medium'), local('Tusker Grotesk Medium'),
        url('../fonts/TuskerGrotesk-6500Medium.woff2') format('woff2'),
        url('../fonts/TuskerGrotesk-6500Medium.woff') format('woff'),
        url('../fonts/TuskerGrotesk-6500Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  } 

  @font-face {
    font-family: 'Montserrat Bold';
    src: local('Montserrat Bold'), local('Montserrat Bold'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

  @font-face {
    font-family: 'Eastman Grotesque Bold';
    src: local('Eastman Grotesque Bold'), local('Eastman Grotesque Bold'),
        url('../fonts/Eastman-Grotesque-Bold-trial.woff2') format('woff2'),
        url('../fonts/Eastman-Grotesque-Bold-trial.woff') format('woff'),
        url('../fonts/Eastman-Grotesque-Bold-trial.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }

body{
  overflow-x: hidden;
  scroll-behavior: smooth;
}  
a{
  text-decoration: none;
}
.green-btn {
	padding: 20px 40px;
	color: #E6E2D6;
	background-color: #12371D;
	border: 3px solid #1C4127;
	border-radius: 100px;
  font-weight: 600;
  transition: all ease-in-out .4s;
}
.green-btn:hover, .lite-green-btn:hover{
  background-color: #D1A457;
  border: 3px solid #D7A45C;
  transition: all ease-in-out .4s;
  color: #1C4127;
}
.lite-green-btn{
  padding: 20px 40px;
	color: #E6E2D6;
	background-color: #25643A;
	border-radius: 100px;
  font-weight: 600;
  transition: all ease-in-out .4s;
}
.lite-green-btn:hover{
  border: none;
}
.animsition-overlay-slide {
	background-image: url(../images/green-banner.webp);
  background-repeat: no-repeat;
	background-size: cover;
  top: 0;
  bottom: 0;
}
.animsition-loading {
	width: 100%;
	height: 100vh;
  border-radius: 0;
}
.animsition-loading::after {
	display: none;
}
/*---------------- Nav bar ------------- */
.navbar ul {
	list-style: none;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-around;
	margin: 0;
	padding: 10px 0;
}
.navbar li {
  color: #E6E2D6;
  font-size: 20px;
  font-family: 'variera-medium';
}
.navbar .insta{
  color: #E6E2D6;
  font-size: 25px;
}
.navbar .insta:hover{
  color: #D1A457;
}

nav a{
  position: relative;
}
nav .nav-link:hover{
  color: #E6E2D6;
  transition: all ease-in-out .2s;
}

nav .nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 2px;
background: #E6E2D6;
transition: .4s;
}
nav .nav-link:hover:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #E6E2D6;
transition: .4s;
display: block;
}
.padding-top{
  padding-top: 80px;
}
.first-section {
  padding-top: 106px; 
}

.second-section {
  position: relative;
  margin-top: -106px; 
}

header {
  --ease: all 100ms ease;
	position: fixed;
	top: 0;
  left: 0;
  background-color: transparent;
  transition: var(--ease);
	z-index: 9999;
  width: 100%;
}
header.fade-in { background-color:  black; }



/* ================================================= Index Page  =====================================  */

/* .green-bg {
  position: relative;
	background-image: url(../images/green-banner.png);
	background-size: cover;
	padding: 80px;
	background-repeat: no-repeat;
  height: 100vh;

} */
.signature-img{
    display: flex;
    justify-content: center;
    align-items: end;
}
.sign-txt {
	font-size: 50px;
	color: white;
	font-family: 'variera-semibold';
	text-align: end;
	margin: -60px 0 0;
}
.down-arrow{
    display: flex;
    align-items: center;
    justify-content: end;
  
}
.arrow-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	bottom: 70px;
	right: 90px;
}

img.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
img.vert-move {
  -webkit-animation: mover 1s infinite  alternate;
  animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
@keyframes mover {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}
.arrow-txt p {
	transform: rotate(-90deg);
	color: #D7A45C;
	margin-left: 0;
	font-family: 'variera-medium';
	margin-bottom: 50px;
  font-size: 20px;
}


/* ------------------ Banner section ------------------- */
.banner-section{
  position: relative;
  height: 100vh;
  background-position: top center;
}
.banner-section::after, .signature-rare-section::after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
}
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-background video {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.banner-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  
}
.banner-txt h1{
  font-size: 150px;
  text-align: center;
  text-transform: uppercase;
  line-height: .9;
  color: #D1A457;
  font-family: 'variera-semibold';
  margin-top: 15%;
}
.banner-txt h1 span{
  color: #E6E2D6;
}
.banner-txt p {
	font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
	width: 38%;
	text-align: center;
  line-height: 1.2;
  font-family: 'TT Commons Regular';
  margin: 60px 0;
}

/*----------------------- Green Experience section -------------------  */
.green-blande-txt{
  background-color: black;
  padding: 80px 0 0;
  position: relative;
}
.green-blande-txt::before{
  background-image: url(../images/overlay-black-up-new-size.png);
	position: absolute;
	top: -320px;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-repeat: no-repeat;
}
.green-txt{
  width: 100%;
	height: 515px;
	overflow: hidden;
	position: relative;
}
.community-txt{
  width: 100%;
	height: 315px;
	overflow: hidden;
	position: relative;
}


.green-txt video, .community-txt video, .mixed-nature-txt video{
  width: 100%;
}
.text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

svg {
  width: 100%;
  height: inherit;
}
svg #alpha,svg #alphaMid,svg #alphaNature, svg #alpha2,svg #alphaMid2,svg #alphaNature2, svg #alpha3, svg #alphaMid3, svg #alphaMobile, svg #alphaMobile2, svg #alphaMobile3, svg #alphaMobile4 {
  fill: #fff;
}

svg #title,svg #titleMid,svg #title2,svg #titleMid2, svg #title3, svg #titleMid3{
  font-size: 190px;
	font-family: 'Tusker Grotesk Medium';
}
svg #titleNature, svg #titleNature2{
  font-size: 100px;
	font-family: 'Tusker Grotesk Medium';
}
svg #titleMobile, svg #titleMobile2, svg #titleMobile3, svg #titleMobile4{
  font-size: 60px;
	font-family: 'Tusker Grotesk Medium';
}
svg #base{
  fill: black;
  mask: url(#mask);
}
svg #baseMid{
  fill: black;
  mask: url(#maskMid);
}
svg #baseNature{
  fill: black;
  mask: url(#maskNature);
}
svg #baseNature2{
  fill: black;
  mask: url(#maskNature2);
}
svg #baseMobile{
  fill: black;
  mask: url(#maskMobile);
}

svg #base2 {
  fill: black;
  mask: url(#mask2);
}
svg #baseMid2 {
  fill: black;
  mask: url(#maskMid2);
}
svg #baseMobile2 {
  fill: black;
  mask: url(#maskMobile2);
}
svg #base3 {
  fill: black;
  mask: url(#mask3);
}
svg #baseMid3 {
  fill: black;
  mask: url(#maskMid3);
}
svg #baseMobile3 {
  fill: black;
  mask: url(#maskMobile3);
}
svg #baseMobile4 {
  fill: black;
  mask: url(#maskMobile4);
}
.green-text-wrapper{
  margin: 80px 0;
}
.brand-logo{
  position: relative;
  z-index: 99;
}
.brand-logo img {
	position: absolute;
	right: 30%;
	top: -70px;
	width: 8%;
}
.green-text-wrapper p{
  font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
	width: 45%;
	text-align: center;
  line-height: 1.2;
  font-family: 'TT Commons Regular';
  margin: 80px 0;
  z-index: 999;
}
.festival-box {
	position: relative;
	margin: 120px 0;
	padding: 0 80px;
}
.signature-logo {
	position: absolute;
	width: 10%;
	right: 37%;
	top: -90px;
  z-index: 1;
}
.gray-txt {
	position: absolute;
	top: 0;
	padding: 240px 120px;
}
.gray-txt h2{
  font-size: 120px;
  font-family: 'variera-semibold';
  line-height: 1;
  color: #12371D;
}
.gray-txt h2 span{
  color: #25643A;
}
.gray-txt p {
	color: #12371DCC;
	font-size: 20px;
	font-family: 'TT Commons Regular';
	margin: 30px 0 80px;
	line-height: 1.3;
  font-weight: 600;
  width: 90%;
}

/* community */
.community{
  margin: 120px 0;
  position: relative;
  padding: 0;
}

.community p {
	font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
	width: 35%;
	text-align: center;
	line-height: 1.2;
	font-family: 'TT Commons Regular';
	margin: 50px 0;
}
.community-img-slide{
  margin: 80px 0;
}
.brand-logo2 img {
	position: absolute;
	left: 18%;
	top: -70px;
	width: 8%;
  z-index: 99;
}

/* mangrove */
.mangrove .brand-logo img {
	position: absolute;
	right: 24%;
	top: -100px;
	width: 8%;
}

/* ----------------------------- Mangrove Section ------------------------------- */
.mangrove-forest{
  position: relative;
  padding: 80px;
  height: 105vh;
}
.mangrove-forest::before {
	background-image: url(../images/overlay-black.png);
	position: absolute;
	top: -350px;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-repeat: no-repeat;
	z-index: 99;
}
.mangrove-number{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 80px;
  z-index: 99;
}
.mangrove-number h2{
  font-size: 300px;
  color: #E6E2D6;
  font-family: 'Veneer Clean Regular';
}
.mangrove-number p{
  font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
	width: 38%;
	text-align: center;
	line-height: 1.2;
	font-family: 'TT Commons Regular';
	margin: 50px 0;
}

/* ========================================== Signature Detail Page ========================================== */
.detail-banner-section {
	padding: 80px;
	background-image: url(../images/product-detail/detail-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	height: 115vh;
}
.detail-banner-section::after {
	background-image: url(../images/overlay-black-up-new-size.png);
	position: absolute;
	top: 500px;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-repeat: no-repeat;
}
.detail-banner-txt{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}
.detail-banner-txt h2 {
	font-size: 150px;
	font-family: 'Veneer Clean Regular';
	color: #D8A45B;
	width: 90%;
	line-height: .9;
}
.detail-banner-txt h2 span{
  color: #E6E2D6;
}
.detail-banner-txt p{
  font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
  line-height: 1.2;
  font-family: 'TT Commons Regular';
  margin: 50px 0;
  z-index: 1;
  width: 90%;
}
.wisky-img{
  display: flex;
  justify-content: center;
}
.wisky-can-img{
  position: relative;
}
.wisky-can-img img:nth-child(2) {
	position: absolute;
	top: 30%;
	left: 40%;
}
.wisky-can-img img:nth-child(3) {
	position: absolute;
	top: 15%;
	right: 5%;
}
.wisky-can-img img:nth-child(4) {
	position: absolute;
	top: 55%;
	left: 31%;
}
.wisky-txt{
  position: absolute;
  top: 0;
}
.banner-margin-top {
	margin-top: 230px;
	position: relative;
	z-index: 1;
}
.brand-logo-slider {
	position: relative;
	z-index: 99;
}
.brand-logo-slider img {
	position: absolute;
	right: 44%;
	top: -70px;
	width: 10%;
}

/* Signature Rare section   */
.signature-rare-section{
  position: relative;
  background-image: url(../images/product-detail/green-bg.webp);
  padding: 80px;
  background-position: top center;
}
.wisky-can-img{
  display: flex;
  justify-content: end;
}
.signature-rare-txt h2{
  font-size: 75px;
  font-family: 'Veneer Clean Regular';
  color: #D8A45B;
  line-height: .9;
}
.signature-rare-txt h2 span{
  color: #E6E2D6;
}
.signature-rare-txt h6{
  font-size: 22px;
  color: #E6E2D6;
  font-family: 'Eastman Grotesque Medium';
  margin: 20px 0;
}
.signature-rare-txt p{
  font-size: 22px;
	color: rgba(230, 226, 214, 0.8);
  line-height: 1.2;
  font-family: 'TT Commons Regular';
  margin: 30px 0;
  z-index: 1;
  width: 80%;
}

/* Blended card section  */
.master-blender-section {
	position: relative;
	padding: 6.25rem 0rem;
	overflow: hidden;
	background: black;
}
.slider-products-description {
	position: relative;
	text-align: center;
	padding: 0;
	height: 100%;
	display: flex;
	align-items: center;
	right: 60px;
	margin: 0 30px;
}

.horizontal-products-slider {
	position: relative;
	min-height: 85vh;
	opacity: 1;
	transition: 0.2s opacity;
	overflow: hidden;
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
}
.blender-content-wrapper{
  position: absolute;
  left: 0;
  padding: 0 80px;
  top: 90px;
  width: 100%;
}
.sign-img{
  position: absolute;
  bottom: 10px;
  left: 30%;
}
.blender-content-wrapper h6 {
	text-align: end;
	font-family: 'TT Commons Regular';
	color: #25643A;
	font-size: 20px;
	margin: 20px 0;
	text-transform: uppercase;
	position: relative;
	z-index: 99;
}

.blender-txt h2 {
	font-size: 200px;
	font-family: 'variera-bold';
	line-height: .9;
	color: #25643A;
	text-align: start;
	display: flex;
	flex-direction: column;
}
.blender-txt h2 span {
	font-size: 80px;
}
.blender-para{
  width: 80%;
  display: flex;
  justify-content: end;
}
.blender-para p {
	text-align: left;
	color: rgba(230, 226, 214, 0.8);
	font-size: 16px;
	margin: 20px 0;
	font-family: 'Eastman Grotesque Medium';
	position: relative;
	z-index: 99;
	width: 80%;
}

.nature-txt {
	position: absolute;
	top: 20%;
}
.nature-txt h2 {
	font-size: 80px;
	font-family: 'variera-bold';
	color: #E6E2D6;
	text-align: left;
	line-height: .9;
}
.nature-txt h2 span {
	font-size: 200px;
  color: #D8A45B;
}
.nature-txt-para{
    width: 60%;
    float: inline-end;
}
.nature-txt-para span{
  color: rgba(230, 226, 214, 0.8);

}
.nature-txt-para p {
	text-align: left;
	color: rgba(230, 226, 214, 0.8);
	font-size: 16px;
	margin: 20px 0;
	font-family: 'Eastman Grotesque Medium';
	position: relative;
	z-index: 99;
	width: 55%;
}
.nature-txt-para p span{
  color: #E6E2D6;
}
/* Mixed with nature section  */
.mixed-nature-section {
	background-color: black;
	padding: 0 80px 80px;
}
.mixed-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 80px;
}
.mixed-txt p {
	text-align: center;
	width: 45%;
  font-size: 25px;
	color: rgba(230, 226, 214, 0.8);
	line-height: 1.2;
	font-family: 'TT Commons Regular';
	margin: 60px 0;
	z-index: 1;
}
.mixed-nature-section .swiper-horizontal {
	position: relative;
	z-index: 999;
}
.cocktail-img-section{
  display: flex;
  gap: 10px;
}
.mixed-nature-txt{
  width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
}

.mixed-nature-section .swiper-button-next::after, .mixed-nature-section .swiper-button-prev::after {
	display: none;
}
.detail-bottom-video{
  position: relative;
  padding: 80px;
  height: 105vh;
}
.detail-bottom-video::before {
	background-image: url(../images/overlay-black.png);
	position: absolute;
	top: -350px;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background-repeat: no-repeat;
	z-index: 9;
}
.mixed-nature-section .swiper-pagination-fraction {
	position: relative;
	width: auto;
	bottom: unset;
	z-index: 9;
	color: #D1A457;
	font-size: 25px;
}
.swiper-control-wrapper{
  margin-top: 70px;
  position: relative;
  z-index: 99;
}
.swiper-controls {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mixed-nature-section .swiper-button-next, .swiper-button-prev {
	color: transparent;
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	bottom: unset;
	width: 64px;
	height: 64px;
	display: grid;
	place-content: center;
	border-radius: 50%;
	border: 2px solid #25643A;
	background-color: #12371D;
	margin: 0;
}

.swiper-pagination-current{
  color: #E6E2D6;
  font-family: 'Veneer Clean Regular';
  font-size: 24px;
}
.swiper-pagination-total{
  color: #D1A457;
  font-family: 'Veneer Clean Regular';
  font-size: 24px;
}
.wisky-txt {
	padding: 80px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	margin-top: 20px;
}
.wisky-txt h2 {
	font-size: 60px;
	font-family: 'variera-bold';
	text-transform: uppercase;
	color: #25643A;
	margin-bottom: 60px;
}
.border-line{
  border-top: 3px solid #25643A;
  border-bottom: 3px solid #25643A;
  width: 100%;
  padding: 60px 0;
}
.quntity {
	margin-right: 30px;
	width: 110px;
	text-align: end;
}
.instructions{
  margin-top: 100px;
}
.quntity p{
  font-family: 'Montserrat Bold';
  font-size: 20px;
  color: #25643A;
}
.item p{
  color: #25643A;
  font-size: 20px;
  font-family: 'Eastman Grotesque Bold';
}
.instructions h6{
  text-transform: uppercase;
  color: #25643A;
  font-family: 'Eastman Grotesque Bold';
  font-size: 20px;
  margin: 30px 0;
}
.instructions p {
	font-family: 'Eastman Grotesque Medium';
	color: #25643A;
	font-size: 18px;
	width: 80%;
}
.instructions p span{
  color: #25643A;
  font-family: 'Eastman Grotesque Bold';
  font-size: 18px;
}



/* =================================== Footer ============================= */
.signature-footer {
	position: relative;
	background-image: url(../images/green-banner.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px;
	height: 60vh;
}
.footer-txt{
  display: flex;
  justify-content: center;
}
.footer-txt h2{
  font-size: 96px;
  text-transform: uppercase;
  color: #E6E2D6;
  font-family: 'variera-bold';
  font-weight: 700;
}
.footer-txt h2 span{
  color: #D1A457;
}
.footer-logo {
	display: flex;
	justify-content: center;
	position: relative;
	top: -155px;
}