.container{
	margin-left:auto;
	margin-right:auto;
}

body{
	background-color: #f3ebde;
}

.icon{
	background-size: 100%;
}

.insta{
	background-image: url(../images/insta.png);
}

.fb{
	background-image: url(../images/facebook.png);
}

.x{
	background-image: url(../images/x.png);
}

/* MOBILE STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 767px){
.container{
		width:87.5%; /* 280 pixels at a 320 pixel screen width (iPhone 3 / 4 / 5) */
	}

	.flex{
		display: flex;
	}

	header{
		height: 50px;
		position: fixed;
		width: 100%;
		z-index: 3;
		padding-top: 6.25vw;
		z-index: 20;
		background-color: fff;
	}

	a{
		display: block;
		text-decoration: none;
	}

	.headerLogo{
		display: none;
	}

	.burgerMenu{
		height: 8vw;
		width: 11vw;
		padding-top: 2.5vw;
		background-color: #ffdca5;
		border-radius: 2vw;
		border: 2px solid #d3a55c;
	}

	.line{
		height: 1.5px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		background-color: #5f4b40;
		margin-bottom: 2vw;
		border-radius: .5vw;
	}

	.linksHolder{
		display: none;
	}

	.linksHolderHolderMobile{
		position: fixed;
		width: 100vw;
		height: 0vh;
		background-color: #ffdca5;
		z-index: 30;
	}

	.close{
		display: none;
		height: 12vw;
		width: 11.25vw;
		position: absolute;
		top: 6.25vw;
		left: 6.25vw;
		background-image: url(../images/close.png);
		background-size: 100%;
	}

	.linksHolderMobile{
		display: none;
	}

	.headerLink{
		font-family: montserrat;
		width: 80vw;
		text-align: center;
		padding: 7.5vw;
		line-height: 50px;
		color: #5f4b40;
		font-weight: 400;
		transition: color 500ms, font-weight 500ms;
	}

	.linkLine{
		width: 100vw;
		height: .05em;
		background-color: #5e4b40;
	}

	.cart{
		height: 12vw;
		width: 11.25vw;
		border-radius: 2vw;
		margin-left: auto;
		scale: .95;
		transition: scale 500ms;
		background-image: url(../images/cart.png);
		background-size: 100%;
	}

	#cartCount{
		font-family: blackcurrant-cameo;
		color: #5f4b40;
		font-size: 10vw;
		position: absolute;
		top: -4vw;
		right: -4vw;
	}

	.cart:hover{
		scale: 1;
		transition: scale 500ms;
	}

	.headerSpace{
		height: 80px;
		width: 100%;
		margin-bottom: 3vw;
	}

	.hold{
		position: relative;
		width: 100%;
		font-size: 4vw;
		line-height: 4.5vw;
		margin-bottom: 10vw;
	}

	.hold2{
		margin-left: auto;
	}

	.heading1{
		width: 39vw;
		height: 14.288181818181815vw;
		background-image: url(../images/origin.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading2{
		width: 42.5vw;
		height: 12.679166666666668vw;
		background-image: url(../images/source.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading3{
		width: 50vw;
		height: 14.892857142857143vw;
		background-image: url(../images/process.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading4{
		width: 70vw;
		height: 15.1vw;
		background-image: url(../images/commitment.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading5{
		width: 37.5vw;
		height: 11.78125vw;
		background-image: url(../images/select.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading6{
		width: 37.5vw;
		height: 12vw;
		background-image: url(../images/curate.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading7{
		width: 40vw;
		height: 13.6vw;
		background-image: url(../images/create.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.heading8{
		width: 45vw;
		height: 14.46923076923077vw;
		background-image: url(../images/display.png);
		background-size: 100%;
		margin-bottom: 2vw;
	}

	.one{
		height: 19vw;
		width: 21.900442477876106vw;
		background-image: url(../images/one.png);
		background-size: 100%;
		position: absolute;
		top: 17.5vw;
		left: 14.5vw;
		display: none;
	}

	.two{
		height: 16.5vw;
		width: 57.097021276595747vw;
		background-image: url(../images/two.png);
		background-size: 100%;
		position: absolute;
		top: 14.75vw;
		right: 11.5vw;
		display: none;
	}

	.three{
		height: 28vw;
		width: 21.116552399608227vw;
		background-image: url(../images/three.png);
		background-size: 100%;
		position: absolute;
		top: 18vw;
		left: 15vw;
		display: none;
	}

	h1{
		font-family: montserrat;
		font-size: 1.5vw;
		text-align: center;
		line-height: 2vw;
		color: #362a25;
	}

	p{
		font-family: montserrat;
		color: #362a25;
	}



	footer{
		height: 93vw;
		width: 100vw;
		background-image: url(../images/footer.png);
		background-size: 315%;
		position: relative;
	}

	.footerHolder{
		display: flex;
		flex-wrap: wrap;
	}

	.fHold{
		width: 100%;
		position: relative;
		top: 12vw;
		margin-right: 3vw;
	}

	.fHold2{
		width: 28vw;
		position: relative;
		top: 14.25vw;
		height: 8vw;
		text-align: center;
		margin-bottom: 5vw;
	}

	.fHold3{
		width: 100%;
		position: relative;
		top: 20vw;
		height: 8.25vw;
	}

	.footerLogo{
		height: 20vw;
		width: 40vw;
		background-image: url(../images/logoSmall.png);
		background-size: 100%;
		background-repeat: none;
		margin-bottom: 2vw;
		margin-left: calc(50% - 20vw);
	}

	footer h1{
		font-size: 4.25vw;
		color: #362a25;
		margin-left: 1.25vw;
		margin-bottom: 4vw;
		text-align: left;
		margin-left: calc(50% - 18.5vw);
	}

	footer p{
		font-size: 3.5vw;
		color: #362a25;
		margin-bottom: 2vw;
		text-align: center;
		font-weight: 500;
	}

	#join{
		margin-bottom: .75vw;
	}

	footer a{
		font-family: montserrat;
		font-size: 3vw;
		color: #362a25;
		margin-bottom: 2vw;
	}

	.iconsHolder{
		display: flex;
		width: 34vw;
		margin-left: calc(50% - 15vw);
		margin-bottom: 2vw;
	}

	.icon{
		height: 9.65vw;
		width: 9vw;
		margin-right: 2vw;
	}

	input{
		width: 73%;
		height: 6vw;
		border: none;
		border-radius: 1vw;
		position: absolute;
		top: 6vw;
		font-family: montserrat;
	}

	.submit{
		display: block;
		width: 20vw;
		height: 6.25vw;
		position: absolute;
		top: 6vw;
		right: 0;
		background-color: #caa767;
		border-radius: 1vw;
		text-align: center;
		line-height: 6.25vw;
		font-size: 3.5vw;
	}

	.newsletterSuccess{
		position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
  	    top: 0;
	    left: 0;
    	background-color: rgba(0,0,0,0.7);
	    z-index: 100;
	}

	.textCont{
		height: 22vw;
		width: 65vw;
		background-color: #ffdca5;
		color: #5f4b40;
		position: absolute;
		top: calc(50% - 11vw);
		left: calc(50% - 30vw);
		border-radius: 2vw;
		text-align: center;
	}

	.newsletterSuccess p{
		font-size: 4vw;
		padding-top: 4vw;
		margin-bottom: 2vw;
	}

	.newsletterSuccess a{
		font-size: 3.75vw;
		display: block;
		height: 6vw;
		width: 20vw;
		font-family: montserrat;
		text-align: center;
		line-height: 6vw;
		background-color: #ffecc0;
		color: #5f4b40;
		border: 2px solid #caa767;
		border-radius: 1vw;
		position: relative;
		left: calc(50% - 10vw);
	}
}

/* DESKTOP STYLES ////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 768px){
	.container{
		width: 90%;
	}

	.flex{
		display: flex;
	}

	.linksHolderHolderMobile{
		display: none;
	}

	header{
		height: 65px;
		background-color: #ffdca5;
		position: fixed;
		width: 100%;
		z-index: 3;
		padding-top: 15px;
		z-index: 100;
	}

	a{
		display: block;
		text-decoration: none;
	}

	.headerLogo{
		height: 50px;
		width: 100px;
		background-image: url(../images/logoSmall.png);
		background-size: 100%;
		scale: .95;
		margin-right: 4vw;
		transition: scale 500ms;
		background-repeat: none;
	}

	.headerLogo:hover{
		scale: 1;
		transition: scale 500ms;
	}

	.linksHolder{
		width: 50vw;
		margin-left: auto;
		margin-right: auto;
	}

	.headerLink{
		font-family: montserrat;
		width: 18.5vw;
		font-size: 14px;
		text-align: center;
		height: 50px;
		line-height: 50px;
		color: #5f4b40;
		font-weight: 400;
		transition: color 500ms, font-weight 500ms;
	}

	.headerLink:hover{
		color: #44342f;
		font-weight: 500;
		transition: color 500ms, font-weight 500ms;
	}

	.cart{
		height: 53.5px;
		width: 50px;
		border-radius: 15px;
		margin-left: auto;
		scale: .95;
		transition: scale 500ms;
		background-image: url(../images/cart.png);
		background-size: 100%;
		z-index: 11;
	}

	#cartCount{
		font-family: blackcurrant-cameo;
		color: #5f4b40;
		font-size: 3vw;
		position: absolute;
		top: -1vw;
		right: -1vw;
	}

	.cart:hover{
		scale: 1;
		transition: scale 500ms;
	}

	.headerSpace{
		height: 80px;
		width: 100%;
		margin-bottom: 3vw;
	}

	.hold{
		position: relative;
		width: 52.875vw;
		font-size: 1.5vw;
		line-height: 2vw;
		margin-bottom: 10vw;
	}

	.hold2{
		margin-left: auto;
	}

	.heading1{
		width: 15vw;
		height: 5.495454545454545vw;
		background-image: url(../images/origin.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading2{
		width: 17vw;
		height: 5.071666666666667vw;
		background-image: url(../images/source.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading3{
		width: 20vw;
		height: 5.957142857142857vw;
		background-image: url(../images/process.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading4{
		width: 28vw;
		height: 6.04vw;
		background-image: url(../images/commitment.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading5{
		width: 15vw;
		height: 4.7125vw;
		background-image: url(../images/select.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading6{
		width: 15vw;
		height: 4.8vw;
		background-image: url(../images/curate.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading7{
		width: 16vw;
		height: 5.44vw;
		background-image: url(../images/create.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.heading8{
		width: 18vw;
		height: 5.787692307692308vw;
		background-image: url(../images/display.png);
		background-size: 100%;
		margin-bottom: 1vw;
	}

	.one{
		height: 19vw;
		width: 21.900442477876106vw;
		background-image: url(../images/one.png);
		background-size: 100%;
		position: absolute;
		top: 17.5vw;
		left: 14.5vw;
	}

	.one2{
		height: 18vw;
		width: 20.747787610619469vw;
		top: 12.75vw;
		left: 15.75vw;
	}

	.two{
		height: 16.5vw;
		width: 57.097021276595747vw;
		background-image: url(../images/two.png);
		background-size: 100%;
		position: absolute;
		top: 14.75vw;
		right: 11.5vw;
	}

	.two2{
		height: 15.5vw;
		width: 53.636595744680853vw;
		top: 12.75vw;
		right: 19vw;
	}

	.three{
		height: 28vw;
		width: 21.116552399608227vw;
		background-image: url(../images/three.png);
		background-size: 100%;
		position: absolute;
		top: 18vw;
		left: 15vw;
	}

	.three2{
		top: 13.5vw;
		left: 14.75vw;
	}

	h1{
		font-family: montserrat;
		font-size: 1.5vw;
		text-align: center;
		line-height: 2vw;
		color: #362a25;
	}

	p{
		font-family: montserrat;
		color: #362a25;
	}



	footer{
		height: 25vw;
		width: 100vw;
		background-image: url(../images/footer.png);
		background-size: cover;
		position: relative;
	}

	.footerHolder{
		display: flex;
	}

	.fHold{
		width: 21.375vw;
		position: relative;
		top: 6vw;
	}

	.fHold2{
		width: 13.75vw;
		position: relative;
		top: 15.25vw;
		height: 8vw;
	}

	.fHold3{
		width: 21.375vw;
		position: relative;
		top: 13.6vw;
		height: 8.25vw;
	}

	.footerLogo{
		height: 7vw;
		width: 14vw;
		background-image: url(../images/logoSmall.png);
		background-size: 100%;
		background-repeat: none;
		margin-bottom: .5vw;
	}

	footer h1{
		font-size: 1.25vw;
		color: #362a25;
		margin-left: 1.25vw;
		margin-bottom: 1.5vw;
		text-align: left;
	}

	footer p{
		font-size: 1.25vw;
		color: #362a25;
		margin-bottom: 1.5vw;
		text-align: left;
		font-weight: 500;
	}

	#join{
		margin-bottom: .75vw;
	}

	footer a{
		font-family: montserrat;
		font-size: 1.125vw;
		color: #362a25;
		margin-bottom: .75vw;
	}

	.iconsHolder{
		display: flex;
	}

	.icon{
		height: 4.25vw;
		width: 4vw;
		margin-right: 1vw;
	}

	input{
		width: 100%;
		height: 2vw;
		border: none;
		border-radius: 1vw;
		font-family: montserrat;
	}

	.submit{
		display: block;
		width: 10vw;
		height: 2.5vw;
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: #caa767;
		border-radius: 1vw;
		text-align: center;
		line-height: 2.5vw;
		scale: .95;
		transition: scale 500ms;
	}

	.submit:hover{
		scale: 1;
		transition: scale 500ms;
	}

	.newsletterSuccess{
		position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
  	    top: 0;
	    left: 0;
    	background-color: rgba(0,0,0,0.7);
	    z-index: 100;
	    cursor: pointer;
	}

	.textCont{
		height: 10vw;
		width: 24vw;
		background-color: #ffdca5;
		color: #5f4b40;
		position: absolute;
		top: calc(50% - 5vw);
		left: calc(50% - 12vw);
		border-radius: 2vw;
		text-align: center;
	}

	.newsletterSuccess p{
		font-size: 1.75vw;
		padding-top: 2vw;
		margin-bottom: 1vw;
	}

	.newsletterSuccess a{
		font-size: 1.25vw;
		display: block;
		height: 2.5vw;
		width: 8vw;
		font-family: montserrat;
		text-align: center;
		line-height: 2.5vw;
		background-color: #ffecc0;
		color: #5f4b40;
		border: 3px solid #caa767;
		border-radius: 1vw;
		position: relative;
		left: calc(50% - 4vw);
	}

}