	/*GENERAL STYLES*/
	h1{
		font-size:48px;
		font-weight: 300;
		font-family: questa-grande, sans-serif;
		line-height: 59px;
	}
	h2{
		font-weight: 300;
		font-family: questa-grande, sans-serif;
		font-size:39px;
		line-height: 59px;
	}
	h3 {
		font-weight: 300;
		font-family: questa-grande, sans-serif;
	}
	p{
		font-family: adelle-sans, sans-serif;
		font-size:17px;
		line-height:28px;
		font-weight: 300;
	}
	.link {
		color: #333;
		font-weight: 600;
		text-decoration: none;
		font-size:15px!important;
	}
	.link a {
		font-size:15px;
	}

	.collapse.navbar-collapse.navbar-ex1-collapse {
		margin-top: 1rem;
	}
	.logo-footer{
		margin-left:auto;
		margin-right: auto;
		display: block;
		max-width:200px;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.navbar{
		padding: 29px 20px;
		background: #fff;
	}
	.navbar-brand {
		float: left;
		height: 0;
		padding: 0;
		font-size: 0;
		line-height: 0;
	}
	.retailer-button{
		margin-right: 12px;
		margin-left: 20px;
		padding: 14px 31px 13px 32px;
		float: none;
		clear: none;
		border-style: solid;
		border-width: 1px;
		border-color: #d8c6a6;
		background-color: #d8c6a6;
		outline-color: #000;
		outline-style: none;
		outline-width: 3px;
		font-family: adelle-sans, sans-serif;
		color: #000;
		font-size: 13px;
		line-height: 17px;
		text-align: center;
		letter-spacing: 0.19px;
		text-transform: uppercase;
	}
	.btn-contactUs{
		margin-top: 0px;
		padding: 14px 26px 13px 27px;
		border: 1px solid #000;
		color: #000;
		font-size: 13px;
		line-height: 17px;
	}

	.main{
		overflow: hidden;
	}
	.menu-footer-items{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		margin-bottom: 1rem;
	}

	footer.footer-container.style_1 {
		display: none;
	}

	.third-card{
		margin-top:50px;
		padding-left:8em;
		margin-left:2em;
		margin-right:2em;
		background-color: #EDEDED;
		display: flex;
		align-items: center;
	}
	.btn-discover-more {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		max-width: 200px;
		margin-top: auto;
		padding: 15px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid #000;
		text-decoration: none;
	}
	div#header {
		display: none;
	}
	.contact-us-banner{
		margin-top:50px;
	}
	.contactUs-text{
		margin-bottom: 4rem;
	}
	.footer .navbar-nav li a {
		font-family: adelle-sans, sans-serif;
		font-weight: 300;
		color: #000000;
	}
	.footer p {
		font-size: 15px;
		line-height: 20px;
	}
	#contact-button{
		max-width:160px;
		margin-top:25px;
	}
	#contact-image{
		max-width:105%;
	}
	#diamond-button{
		margin-top:80px;
	}
	.copyright{
		text-align: center;
		padding: auto 1rem;
	}
	/*TEMPLATE STYLES*/
	.responsibility {
		margin-top: 0rem;
		padding-right: 2rem;
	}
	.d-flex {
		display: flex;
	}
	.card-paragraph{
		margin-top:25px;
		margin-bottom:25px;
		padding-right:0;
	}
	.column1{
		padding:30px;
		padding-top: 0;
	}
	.row.second-row .intro{
		text-align: left;
		margin-bottom: 20px;
	}
	.row.second-row .first,
	.row.second-row .last {
		display: flex;
		align-items: center;
	}
	.row.second-row .last{
		margin-top: 46px;
	}
	.row.second-row .middle-paragraph {
		padding-left: 76px;
	}
	.first-cards .intro {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 60px;
	}
	.card-image {
		width: 20px;
		height: 20px;
	}
	.first-cards .card-paragraph {
		margin-top: 0;
	}
	.main-card-title{
		text-align: center;
		margin-bottom: 50px;
	}
	.second-cards{
		margin-top:110px;
		margin-bottom: 90px;
	}
	.column1 img {
		padding-top: 0;
	}
	.row.second-cards .intro {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.row.second-cards .iframe {
		margin-top: 30px;
	}
	.second-cards img{
		max-height: 527px;
		margin-bottom: 2rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.row.second-cards .resources {
		margin-top: 140px;
	}
	.row.second-cards .resources ul {
		list-style: none;
		margin-top: 39px;
	}
	.row.second-cards .resources ul li a {
		font-family: adelle-sans, sans-serif;
		font-size: 17px;
		line-height: 28px;
		font-weight: 300;
		text-decoration: underline;
	}
	.title-left-align{
		text-align: left;
		margin-bottom: 50px;
	}
	.row2, .row3, .row4 {
		margin-top: 0px;
		overflow: hidden;
	}
	.row2 .card-timeline:first-child{
		margin-top: 72px;
	}
	.row3 .card-timeline:first-child{
		margin-top: 55px;
	}
	.row4 .card-timeline:first-child
	{
		margin-top: 120px;
	}
	.row3 img{
		margin-top: 4rem;
	}


	/*mobile breakpoint*/
	@media (max-width: 425px){
		.nav {
			display: block;
		}
		.navbar {
			padding: 20px;
			margin-top: 0;
			background: #fff;
		}
		.navbar .btn-contactUs{
			display: block !important;
			max-width: 90%;
		}
		.body-stretched .container .col-main {
			padding: 15px 0 0 0;
		}
		.navbar-nav {
			margin: 7.5px auto;
		}
		.menu-footer-items{
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
		.main-container {
			margin-top: 4rem;
		}

	}
	/*L mobile breakpoint*/
	@media (max-width:768px){
		a{
			text-align: center;
		}
		h1{
			font-size:34px!important;
			letter-spacing: 0.54px !important;
		}
		h2{
			font-size:22px!important;
			text-align:center;
			line-height: 1.4em !important;
		}
		p{
			text-align: left;
			font-size: 16px !important;
			line-height: 25px !important;
		}
		.logo {
			max-width: 110px;
		}
		.nav {
			display: block;
		}
		.navbar-default .navbar-toggle{
			margin-top: 30px!important;
			margin-right: 15px!important;
		}
		.navbar-default .navbar-toggle {
			border-color: black!important;
		}
		.retailer-button{
			display: block;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.btn-contactUs{
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
		}
		.brands {
			padding-left: 10px!important; 
			padding-right: 10px!important;
		}
		.third-card{
			padding-left:0px!important;
			margin-left:0.5em!important;
			margin-right:0.5em!important;
		}
		.third-card p {
			text-align:center;
		}
		.contact-first-half{
			padding-bottom:80px;
			padding-top:80px!important;
			padding-left:2em!important;
			padding-right:2em!important;
		}
		#contact-image{
			display:none!important;
		}
		#contact-button{
			margin:auto;
		}
		a.btn.btn-default.retailer-button,
		a.btn.btn-default.btn-contactUs{
			min-width: 113px;
			max-width: 280px;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
		/**/
		.responsibility {
			padding-left: 20px!important; 
			padding-right: 20px!important;
			margin-top: 2rem !important;
		}
		.first-cards {
			padding-left: 0px!important;
			padding-right: 0px!important;
			margin: 50px 0 !important;
		}
		.second-cards {
			margin: 50px 0 0 0!important;
			padding-left:0px!important;
			padding-right:0px!important;
		}
		.row.second-cards .resources {
			margin-top: 50px !important;
		}
		.card-timeline {
			padding-left: 10px !important;
			padding-right: 0 !important;
		}
		.title-left-align {
			margin-bottom: 0px !important;
		}
		.row.second-row {
			margin-top: 50px !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			padding: 0 !important;
		}
		.second-row img{
			margin: 0;
			padding: 0;
		}
		.card-paragraph{
			margin-top: 7px;
			margin-bottom: 22px;
		}
		.first-row{
			padding-left:0px!important;
			padding-top:5px!important;
			margin-left: -12px !important;
		}
		.column1{
			padding: 0 0 0 30px!important;
		}
		.column2{
			padding: 15px !important;
		}
	}
	/*TABLET BREAKPOINT*/
	@media (max-width: 1024px) {
		.responsibility{
			margin-top: 0;
		}
		.third-card {
			padding-left: 0 !important;
			text-align: center !important;
			flex-direction: column !important;
		}
		.third-card .contact-first-half {
			padding: 2em !important;
		}
		#contact-button {
			max-width: 160px;
			margin-top: 25px;
			margin-left: auto;
			margin-right: auto;
		}
		/**/
		.row.second-row .first,
		.row.second-row .last {
			flex-direction: row;
			padding: 0 10px 10px;
		}
		.row.second-row .middle-paragraph {
			padding-top: 50px;
			padding-left: 0 !important;
		}
	}
	/*special queries*/
	@media (min-width: 768px) and (max-width: 1024px) {
		.logo{
			width: 100px;
		}
		.nav>li>a {
			padding: 10px 6px !important;
		}
		.navbar-nav {
			margin-left: 5rem !important;
		}
		.retailer-button, 
		.btn-contactUs{
			padding: 15px 5px !important;
			margin-left: 5px;
		}
		.third-card{
			flex-direction: row !important;
		}
		/**/
		.first-row {
			margin-left: 0 !important;
			padding-top: 10px !important;
		}
		.first-row img{
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-top: 2rem;
		}
	}


	@media (max-width: 1139px){
		.main {
			margin-top: 4rem !important;
		}
	}
	/* 2532x1170 pixels at 460ppi This media query is used for: iPhone 13, iPhone 12 and iPhone 12 Pro*/
	@media only screen 
		and (device-width: 390px) 
		and (device-height: 844px) 
		and (-webkit-device-pixel-ratio: 3) {
			.row.second-row .first, .row.second-row .last {
				flex-direction: column;
				padding: 0 10px 10px;
			}
	}
	/* 2340x1080 pixels at 476ppi This media query is used for: iPhone 13 mini, iPhone 12 mini, iPhone 11 Pro, iPhone Xs, and iPhone X*/
	@media only screen 
		and (device-width: 375px) 
		and (device-height: 812px) 
		and (-webkit-device-pixel-ratio: 3) {
			.row.second-row .first, .row.second-row .last {
				flex-direction: column;
				padding: 0 10px 10px;
			}
	}
	/* 2778x1284 pixels at 458ppi This media query is used for: iPhone 13 Pro Max and iPhone 12 Pro Max*/
	@media only screen 
		and (device-width: 428px) 
		and (device-height: 926px) 
		and (-webkit-device-pixel-ratio: 3) { .row.second-row .first, .row.second-row .last {
			flex-direction: column;
			padding: 0 10px 10px;
			}
	}