html {
	font-size: 8px;
}

body {
	margin: 0;
	font-family: 'Inter', sans-serif;
	font-size: 3rem;
    line-height: 150%;
}

/*** start - nicotine warning ***/
.nicotine-warning {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
    font-size: 4rem;
    font-family: Helvetica, Arial, sans-serif;
    height: 20vh;
    color: #ffffff;
    background: #000000;
    font-weight: 500;
    padding: 2rem;
}
/*** end - nicotine warning ***/

/*** start - containers ***/
.section {
	display: flex;
	/*padding: 8rem 0;*/
}

.section.no-padding {
	padding:0;
}

.fullsize-container {
	height: 80vh;
}

.row {
	display: flex;
	flex-direction: row;
}

.row-wrapper {
	max-width: 1080px;
	margin: 0 auto;
}

.fullwidth.row {
	width: 100%;
}

/* 100% columns */
.col-1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
}

/* 66% and 33% columns */
.col-2-3 {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 67%;
	min-height: 67vh;
	padding: 5rem 10rem 10rem;
	justify-content: center;
}

.col-1-3 {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 33%;
}

/* 50% columns */
.col-2 {
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 50%;
	padding: 8rem;
	justify-content: center;
}

/* 33% columns */
.col-3 {
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 33.33333%;
}

.col-left {
	color: #202120;
	background-image: linear-gradient(-130deg, rgba(246, 248, 255,0.6) 0%, rgba(246, 248, 255,0.9) 100%), url('../images/yellow-flower.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.col-right {
	/*background: #202120;*/
	color: #ffffff;
	background: rgb(13,13,14);
	background: linear-gradient(112deg, rgba(13,13,14,0.8) 0%, rgba(41,42,43,0.8) 43%, rgba(54,58,68,0.8) 100%), url('../images/purple-flower.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
/*** end - containers ***/

/*** start - header ***/
.logo {
	display: block;
	margin: 0 auto 5rem;
	width: 500px;
}
/*** end - header ***/

/*** start - hero ***/
.hero {
	text-align: center;
	color: #202120;
	background: linear-gradient(112deg, rgba(246, 248, 255,0.64) 0%, rgba(246, 248, 255,0.16) 100%), url('../images/hero-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.hero .row {
	align-items: center;
	justify-content: center;
}

.hero-content {
	margin: 0 auto;

}

/*** start - about ***/
h2.custom-heading {
    position: absolute;
    color: #ffffff;
    right: -216px;
    top: 338px;
    margin: 0 auto;
    transform: rotate(-90deg);
    font-size: 12rem;
}

/*h2.custom-heading-v2 {
    position: absolute;
    color: #ffffff;
    left: -284px;
    top: 338px;
    margin: 0 auto;
    transform: rotate(-90deg);
    font-size: 12rem;
}*/

.flower-bg {
	background: linear-gradient(112deg, rgba(13,13,14,0.8) 0%, rgba(41,42,43,0.8) 43%, rgba(54,58,68,0.8) 100%), url('../images/flower-bg-1.png');
}
/*** end - about ***/

h1 {
    font-size: 8rem;
    text-transform: uppercase;
    line-height: 150%;
    margin: 0;
}

h2 {
	font-size: 8rem;
	margin: 0 0 3rem;
	text-transform: uppercase;
}

/*** start - buttons ***/
.button {
	display: block;
    font-size: 3rem;
    padding: 3rem 4rem;
    margin: 3rem 0 0;
    /*color: #202120;
    background: #6FC517;*/
	text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.24);
}

.button-primary {
	background: #DE3872;
	color: #ffffff;
}

.button-primary:before {
	background: #C11F58;
}

.button-secondary {
	background: #FCCA10;
	color: #202120;
}

.button-secondary:before {
	background: #F2BE02;
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  /*color: white;*/
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/*** end - buttons ***/

/*** start - color backgrounds ***/
/*.primary-bg {
	background: #D01F2E;
}

.secondary-bg {
	background: #E03E77;
}

.tertiary-bg {
	background: #FDCD21;
}*/
.row-gradient {
	background: rgb(208,31,46);
	background: linear-gradient(126deg, rgba(208,31,46,1) 0%, rgba(222,56,114,1) 50%, rgba(253,205,33,1) 100%);
}

.row-gradient-opaque {
	background: rgb(208,31,46);
	background: linear-gradient(126deg, rgba(208,31,46,0.32) 0%, rgba(222,56,114,0.32) 50%, rgba(253,205,33,0.32) 100%);
}
/*** end - color backgrounds ***/

/*** start - images ***/
img.transparent-image {
	opacity: 0.32;
}
/*** end - images ***/

/*** START - MOBILE ***/
@media screen and (max-width: 1000px) {
	.nicotine-warning span {
		font-size: 3rem;
	}

	.logo {
		width: 360px;
	}

	.row {
		flex-direction: column;
	}

	.col-2 {
		width: initial;
		height: 50vh;
	}

	.col-2-3 {
		position: relative;
		display: flex;
		flex-direction: column;
		width: auto;
		padding: 3rem 4rem;
	}

	.col-1-3 {
		position: relative;
		display: flex;
		flex-direction: column;
		width: auto;
		padding: 6rem 0;
	}

	h2 {
		font-size: 6rem;
		margin: 0;
		text-transform: uppercase;
		line-height: 150%;
	}

	h2.custom-heading {
	    position: relative;
	    right: initial;
	    top: initial;
	    transform: rotate(0deg);
	    font-size: 8rem;
	    line-height: 150%;
	}
}
/*** END - MOBILE ***/