*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
/*	border: 1px solid #FF0000;*/
	font-family: Helveticabold, Arial, sans-serif;
}
	@font-face{
		font-family: Helveticabold;
		src: url("../fonts/helvetica-neue/HelveticaNeueBold.otf")
			}
	
/*  
Brown: #33231D
light green: #D1CFAB
dark green: #7F8356
yellow: #D89B29
orange:#DB6B2B
beige:#F5E9D2
*/
/*Navigation section*/
.greenbartop{
	height: 90px;
	width: 100%;
	background-color: #D1CFAB;
	display: flex;
}
.bar-items{
	display: flex;
	position: relative;
}
.bar-items1{
	display: flex;
	position: relative;
}
#bar-brownsmall{
	border: 3px solid #33231D;
	height: 3px;
	position: absolute;
}
#bar-brownlarge{
	border: 3px solid #33231D;
	height: 3px;
	position: absolute;
}
#bar-logo{
	justify-content: flex-end;
	align-items: center;
}
.bar-items2{
	display: flex;

}
#bar-icons{
	justify-content: flex-end;
	padding: 20px;
	padding-right: 40px;
}
#signin, #personicon, #hearticon, #carticon, #hamburger{
	padding-right: 10px;
	justify-content: center;
}
#signin{
	text-decoration: none;
	color: #33231D;
	padding-top: 10px;
	font-size: 20px;
}
/*START NAV SECTION*/

#menu-links ul li a{
	color: #33231D;
	text-decoration: none;
	font-size: 30px;
	font-family: helvetica;
	padding-right: 10px;
	margin-left: 5%;
	display: flex;
}
#menu-links a{
	margin-right: 100px;
}
#menu-links .active{
	text-decoration: underline #DB6B2B;
}
#menu-links ul{
	width: 100%;
}

.search-bar{
	display: flex;
	margin-top: 3%;
	margin-left: 5%;
	margin-right: 5%;
}
.search-bar input{
	padding: 10px;
	border: 3px solid #DB6B2B;
	width: 100%;
}
.search-bar label{
	background-color: #DB6B2B;
	color: #F5E9D2;
	font-size: 30px;
	padding: 10px;
}
/* hero section*/
.hero-home{
	display: flex;
	position: relative;
}
.hero-items{
	display: flex;
}

#hero-layout{
	position: relative;
	justify-content: center;
}
.hero-items img{
	width: 100%;
}
#hero-cabinet{
	padding-right: 20px;
}
.fav-picks{
	background-color: white;
	position: absolute;
	height: 90px;
	width: 300px;
	left: 40%;
	bottom: -5%;
}
.fav-picks p{
	padding-left: 50px;
	padding-top: 10px;
	font-size: 25px;
	padding-bottom: 5px;
}
.fav-picks a{
	padding-left: 80px;
	color: #D89B29;
	font-size: 30px;
	
}
.section-end-bar{
	border: 3px solid #33231D;
	height: 3px;
	width: 100%;
	position: absolute;
}
/*New arrivals section	*/
.new-arrivals{
	text-align: center;
	font-size: 45px;
	color: #D89B29;
	padding-top: 100px;
	padding-bottom: 100px;
}

.container-flex{
	display: flex;
	flex-wrap: wrap;
}
.container-flex-about{
	display: flex;
	flex-wrap: wrap;
}

.arrivals-items{
	display: flex;
	width: 100%;
}
/*NEW large chair section*/
.new{
	position: relative;
}
.new p{
	padding-top:40px;
	color: #33231D;
}

.view-now div a{
	position: absolute;
}
.view-now a{
	text-decoration: none;
		color: #D1CFAB;
}
/*rest of organic images section*/
.retro{
	position: relative;

}
.retro-div{
	position: absolute;
	
}
.end-bar{
	border: 3px solid #33231D;
	height: 3px;
	width: 100%;
	position: absolute;
}
/*reducing section*/
.reducing-section{
	position: relative;
}
.reduce-article{
	position: absolute;
	width: 90%;
	left: 5%;
	border: 10px solid #D1CFAB

}
.reduce-div{
	padding: 25px;
}
.reduce-div p{
	font-size: 32px;
	color: #DB6B2B;
	padding-bottom: 5px;
}
.reduce-div h1{
	font-size: 45px;
	color: #DB6B2B
}
#beige-rectangle{
	position: absolute;
}
#beige-rectangle img{
	width: 100%;
}
#inside-store{
	position: absolute;
	width: 90%;
	left: 5%;
	top: 66%;
	height: 400px;
}
#inside-store img{
	width:100%;
}
#curated-goods{
	position: absolute;
}
#yellow-div{
	position: absolute;
}
#our-story{
	position: absolute;
}
#green-div{
	position: absolute;
}
#soulful-finds-boutique{
	position: absolute;
}
#read-more{
	position: absolute;
}
.insta-section{
	position: relative;
}
.end-bar-reducing{
	position: absolute;
	border: 3px solid #33231D;
	height: 3px;
	width: 100%;
	top: 0%;
}
/*instagram */
.insta-box{
	display: flex;
	width: 100%;
}
#follow-us p{
	font-size: 50px;
	color: #7F8356;
	padding: 50px;
}
.center-box{
		justify-content: center;
	}
/*about page START*/
/*ABOUT SECTION 1*/
.section-reduce{
	height: 1150px;
	position: relative;
}
#hero1{
	position: absolute;
}
#hero2{
	position: absolute;
}
#vertical-div{
	position: absolute;
}
#reduce-img{
	position: absolute;
}
#soulfulfinds-large{
	position: absolute;
}
.eco-friendly-section{
	position: relative;
	height: 800px;
	width: 100%;
}
#yellow-flower{
	position: absolute;
}
#friendly{
	position: absolute;
}
#shop-now1{
	position: absolute;
	background-color: #DB6B2B;
	border-radius: 48px;	
}
#shop-now1 a{
	    color: #F5E9D2;
		text-decoration: none;
		margin: 0 20px;
		font-size: 65px;

}
#images3{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding: 40px;
}
#brownbar-end-eco{
	border: 3px solid #33231D;
	height: 3px;
	width: 100%;
	position: absolute;
}
/*our products section*/
#our-products p{
	font-size: 123px;
	display: flex;
	justify-content: center;
	padding: 40px;
}
.curated-article{
	position: relative;
	height: 500px;
}
#view-more{
	position: absolute;
	background-color: #DB6B2B;
	border-radius: 58px;	
}
#view-more a{
	    color: #F5E9D2;
		text-decoration: none;
		margin: 0 20px;
		font-size: 65px;
	    padding: 20px;
}
/*START CONTACT PAGE*/
#contact-us h1{
		color: #33231D;
	}
#bar-contact{
	border: 5px solid #33231D;
	width: 90%;
}

.contact-section{
	display: flex;
	flex-wrap: wrap;

}
#contact-div{
	padding: 20px;
	margin-bottom: 20px;
}
#address-contact h5{
	color:#7F8356;
	font-size: 40px;
	display: flex;
	justify-content: center;
}
#address-contact p{
	color: #DB6B2B;
	font-size: 30px;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#phone-contact h5{
	color:#7F8356;
	font-size: 40px;
	display: flex;
	justify-content: center;
}
#phone-contact p{
	color: #DB6B2B;
	font-size: 30px;
	display: flex;
	justify-content: center;
}
#email-contact h5{
	color:#7F8356;
	font-size: 40px;
	display: flex;
	justify-content: center;
}
#email-contact p{
	color: #DB6B2B;
	font-size: 30px;
	display: flex;
	justify-content: center;
}
#happy-to{
	color:#7F8356;
}
#form-contact{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	}
#name-contact{
	color: #33231D;
	margin-bottom: 10px;
}
.name-email-flex #name{
	padding: 20px;
	border: 1px solid #33231D;
	margin-right: 5%;
	margin-bottom: 20px;
}
#email-contactform{
	color: #33231D;
	margin-bottom: 10px;
}
.name-email-flex #email{
	padding: 20px;
	border: 1px solid #33231D;
	margin-right: 5%;
	margin-bottom: 20px;
}
.message label{
	color: #33231D;
}
#message-box{
	border: 1px solid #33231D;
	margin-bottom: 20px;
}
.submit-button{
  background-color: #33231D;
  color: #F5E9D2;
  padding: 14px 20px;
  border: none;
	font-size: 40px;
}

.hours-section{
	position: relative;
	height: 450px;
	margin-bottom: 80px;
}
.hours-flex{
	display: flex;
	justify-content: center;
	margin-top: 200px;
	
	}
#bar-contact2{
	border: 5px solid #33231D;
	width: 55%;
	position: absolute;
}
#hours h1{
	color: #33231D;
	position: absolute;
}
#monday-f h5{
	color: #DB6B2B;
	font-size: 50px;
}
#monday-f p{
	color:#7F8356;
	font-size: 40px;
}
#s-sunday h5{
	color: #DB6B2B;
	font-size: 50px;
}
#s-sunday p{
	color:#7F8356;
	font-size: 40px;
}
#brownbar-hours{
	border: 5px solid #33231D;
	width: 100%;
	margin-top: 40px;
}
#beige-background{
	background-color: #F5E9D2;
	position: relative;
	height: 700px;
	margin-bottom: 400px;
	margin-top: 100px
}
.orangechair-poster{
	position: absolute;
	width: 500px;
	z-index: 1
}
#shopnow-contact{
	position: absolute;
	background-color: #DB6B2B;
	border-radius: 48px;
	font-size: 65px;
}
#shopnow-contact a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
}
#orangebox-contact{
	border: 8px solid #DB6B2B;
	position: absolute;
	}
#come-visit{
	color: #33231D;
	width: 300px;
	margin: 0 40%;
	margin-top: 20%;
}
#green-background{
	background-color: #D1CFAB;
	position: relative;
	height: 700px;
	margin-bottom: 200px;
}
#brown-background{
	background-color: #33231D;
	height: 600px;
	width: 400px;
	position: absolute;
}
#brown-background p{
	color: #F5E9D2;
	font-size: 48px;
	width: 320px;
	height: 500px;
	margin: 0 auto;
	margin-top: 100px;
}
#brown-flower{
	position: absolute;
}
#register-contact{
	position: absolute;
	background-color: #33231D;
	font-size: 50px;
}
#register-contact a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
}
/*LOG IN START PAGE*/
#log-in{
	color: #7F8356;
	margin-left: 5%;
	padding-top: 60px;
}
#log-in h3{
	font-size: 50px;
	font-family: helvetica neue;
}
#log-in p{
	font-size: 40px;
	font-family: helvetica neue;
}
.sign-in{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#email{
	color: #33231D;
	margin-bottom: 10px;
}
.sign-in #email{
	padding: 30px;
	border: 1px solid #33231D;
	margin-right: 5%;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
#password{
	color: #33231D;
	margin-bottom: 10px;

}
.sign-in #password{
	padding: 30px;
	border: 1px solid #33231D;
	margin-right: 5%;
	margin-bottom: 10px;
	display: block;
	width:100%;

}
  .sign-in label{
	font-size: 30px;
}

#forgot{
	margin-left: 5%;
	margin-bottom: 15%;
}
#forgot a{
	color: #33231D;
	font-size: 20px;
}
.need-account-relative{
	position: relative;
	
}
#mainstar{
	position: absolute;
}
#smallstar{
	position: absolute;
}
#largestar{
	position: absolute;
}

#need-account h3{
	color: #7F8356;
	font-size: 60px;
	font-family: helvetica neue;
	display: flex;
	justify-content: center;
	margin-bottom: 2%;
}
#need-account p{
	color: #DB6B2B;
	font-size: 40px;
	font-family: helvetica neue;
	margin-bottom: 5%;
	display: flex;
	justify-content: center;
	margin-left: 5%;
	
}
.submit-button a{
	color: #F5E9D2;
	text-decoration: none;
	display: flex;
	justify-content: center;
}
.something-relative{
	position: relative;
}
#something{
	color: #33231D;
}
#for{
	color: #DB6B2B;
	position: absolute;

}
#for p{
	-webkit-text-stroke:3px #F5E9D2;
}
#everyone{
	color: #33231D;
}
#shop-now-login{
	position: absolute;
	background-color: #DB6B2B;
	border-radius: 48px;
	font-size: 65px;
}
#shop-now-login a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
}
.container-flex-signin{
		display: flex;
		flex-wrap: wrap;
		background-color: #F5E9D2;
		padding-top: 40px;
		padding-bottom: 40px;
	
	}
.container-flex-signin-box{
	display: flex;
	width: 100%;
	flex-wrap:wrap;
}
#sign-image1 img{
	width: 100%;
	padding: 20px;
}
	#sign-image2 img{
	width: 100%;
	padding: 20px;
}
	#sign-image3 img{
	width: 100%;
	padding: 20px;
}

	#sign-image4 img{
	width: 100%;
	padding: 20px;
	}
	#sign-image5 img{
	width: 100%;
	padding: 20px;
}
	#sign-image6 img{
	width: 100%;
	padding: 20px;
}
	#sign-image7 img{
	width: 100%;
	padding: 20px;
}

	#sign-image8 img{
	width: 100%;
	padding: 20px;
	}

#end-brown-login{
	border: 5px solid #33231D;
	margin-top: 40px;
	width: 100%;
}
/*SHOP PAGE START*/
#fuel-soul{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 5%;
	margin-bottom: 5%
}
#fuel-soul h1{
	color: #7F8356;
}
#fuel-soul p{
	color: #D89B29
}
#shop-buttons{
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;
	justify-content: center;
}
#shop-buttons #shop-1{
	background-color: #DB6B2B;
	border-radius: 48px;
	margin-right:35px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#shop-buttons #shop-1 a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
	font-size: 45px;
	margin: 30px;
}
#shop-buttons #shop-2{
	background-color: #DB6B2B;
	border-radius: 48px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
		
}
#shop-buttons #shop-2 a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
	font-size: 45px;
	margin: 20px;
}
#shop-buttons #shop-3{
	background-color: #DB6B2B;
	border-radius: 48px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#shop-buttons #shop-3 a{
	color: #F5E9D2;
	text-decoration: none;
	padding: 10px;
	font-size: 45px;
	margin: 15px;
}
#orange-chair{
		display: flex;
		flex-direction: column;
		margin: 5%;

	}
	#orange-chair p{
		color: #DB6B2B;
		font-size: 50px;
		margin-top: 3%;
	}
	#lacoste{
		display: flex;
		flex-direction: column;
		margin: 5%;
	}
	#lacoste p{
		color: #DB6B2B;
		font-size: 50px;
		margin-top: 3%;
	}
#brownbar-shop{
	border: 5px solid #33231D;
	width: 100%;
}
.floating-images-relative{
	position: relative;
	height: 6200px;
	margin-bottom: 400px;
}
.flex{
	display: flex;
}
.float-title h5{
	padding-top: 15px;
	color: #D89B29;
	font-size:30px;
}
.float-title p{
	padding-top: 5px;
	color: #33231D;
	font-size: 25px;
}
 .float-price{
	color: #DB6B2B;
	font-size: 40px;
	display: flex;
	justify-content: flex-end;
	
}
#float1{
	position: absolute;
}

#float2{
	position: absolute;
}
#green-rectangle-background{
	position: absolute;
	background-color: #D1CFAB;
	width: 90%;
}
#float3{
	position: absolute;
}
#float4{
	position: absolute;
}
#vintage{
	position: absolute;
	z-index: 1;
	color: #33231D;
}
#float5{
	position: absolute;
}
#orangebox{
	position: absolute;
}
#float6{
	position: absolute;
}
#float7{
	position: absolute;
}
#float2-title h5{
	padding-top: 15px;
	color: #D89B29;
	font-size:30px;
	display: flex;
	justify-content: flex-end;
}
#float2-title p{
	padding-top: 5px;
	color: #33231D;
	font-size: 25px;
	display: flex;
	justify-content: flex-end;
	
}
#float2-price{
	color: #DB6B2B;
	font-size: 40px;
	padding-left: 90px;
}
#goods{
	position: absolute;
	color: #33231D;
}
#view-more-shop{
	position: absolute;
	background-color: #DB6B2B;
	border-radius: 58px;
	padding: 15px;
}
#view-more-shop a{
	color: #F5E9D2;
	text-decoration: none;
	margin: 0 20px;
	font-size: 65px;
	padding: 10px;
	
}
/*footer*/

#footer-links{
	display: none;
}
#footer-links ul li {
	list-style: none;
	padding-bottom: 10px;
}
#footer-links ul li a{
	text-decoration: none;
	color:#DB6B2B;
	font-size: 30px;
}
#footer-links2{
	display: none;
}
#footer-links2 ul li {
	list-style: none;
	padding-bottom: 5px;
}
#footer-links2 ul li a{
	text-decoration: none;
	color:#DB6B2B;
	font-size: 30px;
}
.footerarrow{
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	border: 5px solid #D1CFAB;
	padding: 10px;
}
.footerarrow img{
	width: 70px;
}
.footerarrow p{
	margin-right: 100px;
	font-size: 50px;
	padding: 10px;
	color: #7F8356;
}
.tittle-footer-flex{
	font-size: 30px;
	color: #7F8356;
	text-decoration: underline;
	text-decoration-color: #D1CFAB;
	margin-bottom: 20px;
	display: flex;
	margin-left: 9%
}


#icons ul li {
	list-style: none;
}

.greenbarfooter{
	height: 90px;
	width: 100%;
	background-color: #D1CFAB;
	display: flex;
	margin-top: 20px;
	margin-bottom: 40px;

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#bar-brownsmall{
	border: 3px solid #33231D;
	height: 3px;
	width: 20%;
	position: absolute;
	top: 50%;
	left: 1px;
	}
	.logo img{
		width: 300px;
	}
	.bar-items{
		width: 40%;
	}
	.bar-items1{
		width: 30%;
	}
	.bar-items2{
		width: 30%;
	}
	#bar-brownlarge{
	top: 50%;
	left: 3%;
	width: 90%;
	}
	#personicon img{
		width: 35px;
	}
	#hearticon img{
		width: 42px;
	}
	#carticon img{
		width: 42px;
	}
	#hamburger{
		width: 50px;
		margin: 0 auto;
		padding-left: 15px;
	}
	#hamburger img{
		width: 50px;
	}
	#signin {
		display: none;
	}
/*	NAV BAR SECTION*/
	#menu-links{
	display: none;
}
	.hero-home{
		margin-top: 30px;
		margin-bottom: 45px;
	}
	
	#hero-excluded{
		display: none;
	}
	.fav-picks{
		left: 55%;
	 	bottom: 5%;
	}
	#arrival-1 img{
	width: 100%;
	padding: 20px;
}
#arrival-2 img{
	width: 100%;
	padding: 20px;
}
#arrival-3 img{
	width: 100%;
	padding: 20px;
}

#arrival-4 img{
	width: 100%;
	padding: 20px;
}
.new p{
		font-size: 40vw;
		padding-left: 1.5%;
	}
	.new{
		position: relative;
		padding-bottom: 580px;
	}
.new img{
		position: absolute;
		left: 40%;
		width: 500px
	
	}
	.view-now a{
		position: absolute;
		font-size: 40px;
		bottom: 20%;
		left: 12%;
	}
	.view-now div{
	border: 3px solid #33231D;
	height: 3px;
	width: 10%;
	position: absolute;
	bottom: 22%;
	}
	.retro{
		height: 2800px;
	}
	.retro-div{
	position: absolute;
}
	#lamp1{
		top: 2%;
		left: 10%;
	}
	#lamp1 img{
		width: 800px;
	}
	#coffee1 {
		bottom: 35%;
		left: 5%;
	}
	#coffee1 img{
		width: 500px;
	}
	#girl1{
		bottom: 7%;
		right: 5%;
	}
	#girl1 img{
		width:570px;
	}
	#div-retro-collection{
		bottom: 2%;
		right: 5%;
		font-size: 50px;
		color: #33231D;
	}
	#div-yellow{
	border: 3px solid #D89B29;
	height: 3px;
	width: 50%;
	bottom: 3%;
	position: absolute;
	}
	.end-bar{
		position: absolute;
		bottom:0%;
		
	}
/*	reducing section*/
	.reducing-section{
	padding-bottom: 2500px;
	padding-top:50px;
	}
	
	#beige-rectangle{
	width: 45%;
	right: 5%;
	top:12%;
	z-index: 1;
}
	#beige-rectangle img{
		height: 1100px;
	}
	#green-flower{
		bottom: -22%;
		right: 9%;
		z-index: 2;
	}
	#green-flower img{
		width: 300px;
	}
	#inside-store{
	width: 90%;
	left: 5%;
	top: 65%;
	height: 400px;
}
#inside-store img{
	width:100%;
}
	#curated-goods{
	bottom: 1%;
	right: 5%;
}
	#curated-goods p{
		font-size: 58px;
		color: #D89B29;
	}
	#yellow-div{
	border: 3px solid #D89B29;
	width: 45%;
	bottom: 2%;
	left: 0%;
}
	#our-story{
	top:27%;
	left: 10%;
}
	#our-story{
		font-size: 45px;
		color: #7F8356;
	}
#green-div{
	border: 3px solid #7F8356;
	width: 60%;
	top: 28%;
	right: 0%;
	z-index: 2;
}
	#soulful-finds-boutique{
	width: 60%;
	top:31%;
	left: 4.5%;
	z-index: 2;
}
	#soulful-finds-boutique p{
		font-size: 52px;
		color: #D89B29;
		font-family: Helvetica;
	}
	#read-more{
	right: 5%;
	bottom:37%;
	padding: 12px;
	padding-left: 30px;
	padding-right: 30px; 
	background-color: #DB6B2B;
	border-radius: 38px;	
		
	}
	#read-more a{
		color: #F5E9D2;
		text-decoration: none;
		margin: 0 20px;
		font-size: 55px;
	}
	.end-bar-reducing{
		bottom: 0%;
	}
	/*	about section 1*/
	#hero1{
		left: 5%;
		top: 8%;
	}
	#hero1 img{
		width: 650px;
		border: 10px solid #33231D;
	}
	#hero2{
		display: none;
	}
	#reduce-img{
		bottom: 15%;
		right: 7%;
		z-index: 2;
	}
	#reduce-img img{
		width: 350px;
	}
	#vertical-div{
		border: 3px solid #7F8356;
		height: 90%;
		top: 5%;
		right: 15%;
		z-index: 1;
		
	}
	#soulfulfinds-large{
		bottom:4%;
		left: 10%
	}
	#soulfulfinds-large img{
		width: 600px;
	}
	.paragraph1{
		background-color: #F5E9D2;
		height: 700px;
		padding-top: 40px;
		
	}
	.paragraph1 p{
		font-size: 29px;
		width: 850px;
		margin: 0 auto;
		padding-bottom: 30px;
		
	}
	#eco p{
		font-size: 45vw;
		padding-top: 60px;
		color: #33231D;
		
	}
	#perfect-boutique{
		display: none;
	}
	#yellow-flower{
		top: 24%;
		right:12%
		
	}
	#yellow-flower img{
		width: 130px;
	}
	#friendly{
		bottom: 18%;
	}
	#friendly p{
		font-size: 19vw;
		padding-left: 2.5%;
		padding-bottom: 40px;
		padding-top: 40px;
		color: #33231D;
	}
	#shop-now1{
	right: 29%;
	bottom:5%;
	padding: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 30px;
	}

	.image-1{
		width: 700px;
		padding-bottom: 40px;
	}
	.image-2{
		width: 700px;
		padding-bottom: 40px;
	}
	.image-3{
		width: 700px;
	}
	#brownbar-end-eco{
		bottom: 0%;
	}
/*	production section*/
	.product-div{
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding: 40px;
		
	}
	#product1{
		padding-bottom: 60px;
	}
	#product1 img{
		width: 700px;
		padding-bottom: 10px;
	}
	#product1 p{
		font-size:60px;
	}
	#product2{
		padding-bottom: 60px;
	}
	#product2 img{
		width: 700px;
		padding-bottom: 10px;
	}
	#product2 p{
		font-size:60px;
	}
	#product3{
		padding-bottom: 60px;
	}
	#product3 img{
		width: 700px;
		padding-bottom: 10px;
	}
	#product3 p{
		font-size:60px;
	}
	#curated-pieces h3{
		font-size: 75px;
		padding-left: 50px;
		padding-bottom: 20px;
		color: #DB6B2B;
	}
	#curated-pieces p{
		font-size: 50px;
		font-family: helvetica;
		padding-left: 50px;
		color: #7F8356;
		padding-bottom: 20px;
	}
	#view-more{
	right: 23%;
	bottom:15%;
	padding: 12px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
	}
/*	CONTACT PAGE*/
	#contact-us h1{
		font-size: 120px;
		padding-top: 40px;
	}
	#bar-contact2{
		top:18%
	}
	
	.contact-section{
		flex-direction: column;
	}
	#contact-div{
		margin: 0 auto;
	}
	.info-contact{
		display: flex;
		justify-content: center;
	}
	#phone-contact{
		padding-right: 20px;
	}
	#happy-to p{
		margin-top: 40px;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 56px;
		font-family: helvetica neue;
		
	}
	#name-contact{
		font-size: 40px;
		
	}
	.name-email-flex #name{
		width: 100%;
	}
	.name-email-flex #email{
		width: 100%;
	}
	#email-contactform{
		font-size: 40px;
	}
	.message label{
		font-size: 40px;
	}
	#message-box{
		width: 100%;
		height: 100px;
	}
	.submit-button{
		width: 100%;
	}
	.name-email-flex{
		display: flex;
		flex-direction: column;
	}
	
	#map-image{
	 margin: 0 auto;
	 padding: 40px;
	}
	#map-image img{
		width: 800px;
	}
	#hours h1{
		font-size: 100px;
		padding-top: 40px;
		right: 10%
	}
	#s-sunday{
		padding-top:150px;
	}
	#monday-f{
		padding-right: 100px;
	}
	.orangechair-poster{
		bottom: -25%;
		left: 5%;
	}
	#shopnow-contact{
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	right: 5%;
	top:5%;
	}
	#orangebox-contact{
	height: 300px;
	width: 400px;
	bottom: -10%;
	right: 10%;
		
	}
	#come-visit p{
		font-size: 50px;
	}
	#brown-background{
		top: -20%;
		right: 20%;
	}
	#brown-flower{
		bottom: -25%;
		left: 2%;

	}
	#brown-flower img{
		width: 250px;
	}
	#register-contact{
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 20px;
	padding-bottom: 20px;
	right: 20%;
	bottom:15%;
	}
/*	LOG IN PAGE START*/
	#smallstar{
		top: -80%;
		right: 0%;
	}
	#smallstar img{
		width: 70px;
	}
	#largestar{
		top: -65%;
		right: 3%
	}
	#largestar img{
		width: 160px;
	}
	#mainstar{
		bottom: -65%
	}
	#mainstar img{
		width:150px;
	}
	.need-account-relative{
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom:20%
		
	}

	#register-login{
		margin-left: 5%;
	}
	#something{
		font-size: 16vw;
		display: flex;
		justify-content: center;
		padding-top:50px;
	}

	#for{
		font-size: 150px;
		top: 38.5%;
		left: 34%
	}
	#everyone{
		font-size: 18.2vw;
		display: flex;
		justify-content: center;
		padding-top:50px;
		padding-bottom: 30px;
		margin-bottom: 160px;
	}
	#shop-now-login{
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	bottom:-4.5%;
	left: 25%;
	}
/*	SHOP SECTION START*/
	#fuel-soul{
		margin-left: 5%;
		margin-right: 5%;
	}
	#fuel-soul h1{
		font-size: 21vw;
	}
	#fuel-soul p{
		font-size: 6vw
	}
	#orange-chair img{
		width: 100%;
	}
	#lacoste img{
		width:100%;
	}
	#float1{
		margin:10%;
	}
	#float1 img{
		width: 800px;
}
	#float2{
		top: 18%;
		right: 5%;
	}
	#float2 img{
		width: 500px;
}
	#green-rectangle-background{
		height: 400px;
		top: 31%;
}
	#float3{
		top:27%;
		left:5%;
	}
	#float3 img{
		width: 450px;
}
	#float4{
		top:39%;
		right: 10%;
	}
	#float4 img{
		width: 650px;
}
	#vintage {
		font-size: 27vw;
		bottom: 24%;
	}
	#float5{
		top:55%;
		margin: 10%;
	}
	#float5 img{
		width: 750px; 
	}	
	#orangebox{
		left: 3%;
		bottom: 16%;
	}
	#orangebox img{
		width: 100%;
		height: 600px;
}
	#float6{
		bottom: 11%;
		left: 6%;
	}
	#float6 img{
	 	width: 500px;
	}	
	#float7{
		right: 5%;
		bottom: 0.5%
	}
	#float7 img{
		width: 400px;
}
	#goods{
		font-size: 29vw;
		bottom: -4.5%
	}
	#view-more-shop{
		bottom: -6%;
		left: 30%;
	}
/*	insta*/
	#insta1 img{
	width: 100%;
	padding: 20px;
}
	#insta2 img{
	width: 100%;
	padding: 20px;
}
	#insta3 img{
	width: 100%;
	padding: 20px;
}

	#insta4 img{
	width: 100%;
	padding: 20px;
	}
	#insta5{
	display: none;
	}
/*	footer*/
	.tittle-footer-flex{
		display: none;
	}
	#footer-links{
		display: none;
}
	#footer-links ul li{
		margin: 20px;
	}
	#footer-links ul li a{
		font-size: 60px;
	}
	#footer-links2{
		display: none;
	}
	#footer-links2 ul li{
		margin: 20px;
	}
	#footer-links2 ul li a{
		font-size: 50px;
	}
	#footer-links{
		display: none;
}
	#footer-links2{
		display: none;
	}
	.connect{
		display: none;
	}
	.instagram{
		padding: 20px;
	}
	.instagram img{
		width: 105px;
	}
	.facebook{
		padding: 20px;
	}
	.facebook img{
		width: 100px;
	}
	.pinterest{
		padding: 20px;
	}
	.pinterest img{
		width: 100px;
	}
  .col-xs-1 {
	  width: 8.33%;
	}
  .col-xs-2 {
	  width: 16.66%;
	}
  .col-xs-3 {
	  width: 25%;
	}
  .col-xs-4 {
	  width: 33.33%;
	}
  .col-xs-5 {
	  width: 41.66%;
	}
  .col-xs-6 {
	  width: 50%;
	}
  .col-xs-7 {
	  width: 58.33%;
	}
  .col-xs-8 {
	  width: 66.66%;
	}
  .col-xs-9 {
	  width: 75%;
	}
  .col-xs-10 {
	  width: 83.33%;
	}
  .col-xs-11 {
	  width: 91.66%;
	}
  .col-xs-12 {
	  width: 100%;
	}
	
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/*	green bar nav*/
	#bar-brownsmall{
	border: 3px solid #33231D;
	height: 3px;
	width: 20%;
	position: absolute;
	top: 50%;
	left: 1px;
	}
	.logo img{
		width: 300px;
	}
	.bar-items{
		width: 40%;
	}
	.bar-items1{
		width: 30%;
	}
	.bar-items2{
		width: 30%;
	}
	#bar-brownlarge{
	top: 50%;
	left: 3%;
	width: 90%;
	}
	#personicon img{
		width: 35px;
	}
	#hearticon img{
		width: 42px;
	}
	#carticon img{
		width: 42px;
	}
	#hamburger{
		width: 50px;
		margin: 0 auto;
		padding-left: 15px;
	}
	#hamburger img{
		width: 50px;
	}
	#signin {
		display: none;
	}
	/*	NAV BAR SECTION*/
	#menu-links{
	display: none;
}
	.hero-home{
		margin-top: 30px;
		margin-bottom: 45px;
		margin-left: 5%;
		margin-right: 5%;
	}
	#hero-excluded{
		display: none;
	}
	.fav-picks{
		left: 55%;
	 	bottom: 5%;
	}
	.section-end-bar{
		bottom: -8%;
	}
	#arrival-1 img{
	width: 100%;
	padding: 20px;
}
#arrival-2 img{
	width: 100%;
	padding: 20px;
}
#arrival-3 img{
	width: 100%;
	padding: 20px;
}

#arrival-4 img{
	width: 100%;
	padding: 20px;
}
.new p{
		font-size: 40vw;
		padding-left: 1.5%;
	}
	.new{
		position: relative;
		padding-bottom: 580px;
	}
.new img{
		position: absolute;
		left: 40%;
		width: 500px
	
	}
	.view-now a{
		position: absolute;
		font-size: 40px;
		bottom: 20%;
		left: 12%;
	}
	.view-now div{
	border: 3px solid #33231D;
	height: 3px;
	width: 10%;
	position: absolute;
	bottom: 22%;
	}
	.retro{
		height: 2800px;
	}
	.retro-div{
	position: absolute;
}
	#lamp1{
		top: 2%;
		left: 10%;
	}
	#lamp1 img{
		width: 800px;
	}
	#coffee1 {
		bottom: 35%;
		left: 5%;
	}
	#coffee1 img{
		width: 500px;
	}
	#girl1{
		bottom: 7%;
		right: 5%;
	}
	#girl1 img{
		width:570px;
	}
	#div-retro-collection{
		bottom: 2%;
		right: 5%;
		font-size: 50px;
		color: #33231D;
	}
	#div-yellow{
	border: 3px solid #D89B29;
	height: 3px;
	width: 50%;
	bottom: 3%;
	position: absolute;
	}
	.end-bar{
		position: absolute;
		bottom:0%;
		
	}
/*	reducing section*/
	.reducing-section{
	padding-bottom: 2500px;
	padding-top:50px;
	}
	
	#beige-rectangle{
	width: 45%;
	right: 5%;
	top:12%;
	z-index: 1;
}
	#beige-rectangle img{
		height: 1100px;
	}
	#green-flower{
		bottom: -22%;
		right: 9%;
		z-index: 2;
	}
	#green-flower img{
		width: 300px;
	}
	#inside-store{
	width: 90%;
	left: 5%;
	top: 65%;
	height: 400px;
}
#inside-store img{
	width:100%;
}
	#curated-goods{
	bottom: 1%;
	right: 5%;
}
	#curated-goods p{
		font-size: 58px;
		color: #D89B29;
	}
	#yellow-div{
	border: 3px solid #D89B29;
	width: 45%;
	bottom: 2%;
	left: 0%;
}
	#our-story{
	top:27%;
	left: 10%;
}
	#our-story{
		font-size: 45px;
		color: #7F8356;
	}
#green-div{
	border: 3px solid #7F8356;
	width: 60%;
	top: 28%;
	right: 0%;
	z-index: 2;
}
	#soulful-finds-boutique{
	width: 60%;
	top:31%;
	left: 4.5%;
	z-index: 2;
}
	#soulful-finds-boutique p{
		font-size: 52px;
		color: #D89B29;
		font-family: Helvetica;
	}
	#read-more{
	right: 5%;
	bottom:37%;
	padding: 12px;
	padding-left: 30px;
	padding-right: 30px; 
	background-color: #DB6B2B;
	border-radius: 38px;	
		
	}
	#read-more a{
		color: #F5E9D2;
		text-decoration: none;
		margin: 0 20px;
		font-size: 55px;
	}
	.end-bar-reducing{
		bottom: 0%;
	}
/*	insta*/
	#insta1 img{
	width: 100%;
	padding: 20px;
}
	#insta2 img{
	width: 100%;
	padding: 20px;
}
	#insta3 img{
	width: 100%;
	padding: 20px;
}

	#insta4 img{
	width: 100%;
	padding: 20px;
	}
	#insta5{
	display: none;
	}
/*	about section 1*/
	#hero1{
		left: 5%;
		top: 8%;
	}
	#hero1 img{
		width: 650px;
		border: 15px solid #33231D;
	}
	#hero2{
		display: none;
	}
	#reduce-img{
		bottom: 15%;
		right: 7%;
		z-index: 2;
	}
	#reduce-img img{
		width: 350px;
	}
	#vertical-div{
		border: 3px solid #7F8356;
		height: 90%;
		top: 5%;
		right: 15%;
		z-index: 1;
		
	}
	#soulfulfinds-large{
		bottom:4%;
		left: 10%
	}
	#soulfulfinds-large img{
		width: 600px;
	}
	.paragraph1{
		background-color: #F5E9D2;
		height: 700px;
		padding-top: 40px;
		
	}
	.paragraph1 p{
		font-size: 29px;
		width: 850px;
		margin: 0 auto;
		padding-bottom: 30px;
		
	}
	#eco p{
		font-size: 45vw;
		padding-top: 60px;
		color: #33231D;
		
	}
	#perfect-boutique{
		display: none;
	}
	#yellow-flower{
		top: 22%;
		right:13%
		
	}
	#yellow-flower img{
		width: 130px;
	}
	#friendly{
		bottom: 18%;
	}
	#friendly p{
		font-size: 19vw;
		padding-left: 2.5%;
		padding-bottom: 40px;
		padding-top: 40px;
		color: #33231D;
	}
	#shop-now1{
	right: 29%;
	bottom:5%;
	padding: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 30px;
	}

	.image-1{
		width: 700px;
		padding-bottom: 40px;
	}
	.image-2{
		width: 700px;
		padding-bottom: 40px;
	}
	.image-3{
		width: 700px;
	}
	#brownbar-end-eco{
		bottom: 0%;
	}
/*	production section*/
	.product-div{
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		padding: 40px;
	}
	#product1{
		padding-bottom: 60px;
	}
	#product1 img{
		width: 100%;
		padding-bottom: 10px;
	}
	#product1 p{
		font-size:60px;
	}
	#product2{
		padding-bottom: 60px;
	}
	#product2 img{
		width: 100%;
		padding-bottom: 10px;
	}
	#product2 p{
		font-size:60px;
	}
	#product3{
		padding-bottom: 60px;
	}
	#product3 img{
		width: 100%;
		padding-bottom: 10px;
	}
	#product3 p{
		font-size:60px;
	}
	#curated-pieces h3{
		font-size: 75px;
		padding-left: 50px;
		padding-bottom: 20px;
		color: #DB6B2B;
	}
	#curated-pieces p{
		font-size: 50px;
		font-family: helvetica;
		padding-left: 50px;
		color: #7F8356;
		padding-bottom: 20px;
	}
	#view-more{
	right: 23%;
	bottom:15%;
	padding: 12px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
	}
/*	CONTACT PAGE*/
	#contact-us h1{
		font-size: 120px;
		padding-top: 40px;
	}
	#bar-contact2{
		top:-10%
	}
	
	.contact-section{
		flex-direction: column;
	}
	#contact-div{
		margin: 0 auto;
	}
	.info-contact{
		display: flex;
		justify-content: center;
	}
	#phone-contact{
		padding-right: 20px;
	}
	#happy-to p{
		margin-top: 40px;
		margin-left: 5%;
		margin-right: 5%;
		font-size: 56px;
		font-family: helvetica neue;
		
	}
	#name-contact{
		font-size: 40px;
		
	}
	.name-email-flex #name{
		width: 100%;
	}
	.name-email-flex #email{
		width: 100%;
	}
	#email-contactform{
		font-size: 40px;
	}
	.message label{
		font-size: 40px;
	}
	#message-box{
		width: 100%;
		height: 100px;
	}
	.submit-button{
		width: 100%;
	}
	.name-email-flex{
		display: flex;
		flex-direction: column;
	}
	
	#map-image{
	 margin: 0 auto;
	 padding: 40px;
	}
	#map-image img{
		width: 100%;
	}
	#hours h1{
		font-size: 100px;
		padding-top: 40px;
		right: 5%;
		top:-30%;
		
	}
	#s-sunday{
		padding-top:150px;
	}
	#monday-f{
		padding-right: 100px;
		padding-top:50px;
	}
	.orangechair-poster{
		bottom: -25%;
		left: 5%;
	}
	#shopnow-contact{
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	right: 5%;
	top:5%;
	}
	#orangebox-contact{
	height: 300px;
	width: 400px;
	bottom: -10%;
	right: 10%;
		
	}
	#come-visit p{
		font-size: 50px;
	}
	#brown-background{
		top: -20%;
		right: 20%;
	}
	#brown-flower{
		bottom: -25%;
		left: 2%;

	}
	#brown-flower img{
		width: 250px;
	}
	#register-contact{
	padding-left: 85px;
	padding-right: 85px;
	padding-top: 20px;
	padding-bottom: 20px;
	right: 20%;
	bottom:15%;
	}
/*	LOG IN PAGE START*/
	#smallstar{
		top: -80%;
		right: 0%;
	}
	#smallstar img{
		width: 70px;
	}
	#largestar{
		top: -65%;
		right: 3%
	}
	#largestar img{
		width: 160px;
	}
	#mainstar{
		bottom: -65%
	}
	#mainstar img{
		width:150px;
	}
	.need-account-relative{
		margin-left: 5%;
		margin-right: 5%;
		margin-bottom:20%
		
	}

	#register-login{
		margin-left: 5%;
	}
	#something{
		font-size: 16vw;
		display: flex;
		justify-content: center;
		padding-top:50px;
	}

	#for{
		font-size: 150px;
		top: 38.5%;
		left: 34%
	}
	#everyone{
		font-size: 18.2vw;
		display: flex;
		justify-content: center;
		padding-top:50px;
		padding-bottom: 30px;
		margin-bottom: 160px;
	}
	#shop-now-login{
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 20px;
	padding-bottom: 20px;
	bottom:-4.5%;
	left: 25%;
	}
/*	SHOP SECTION START*/
	#fuel-soul{
		margin-left: 5%;
		margin-right: 5%;
	}
	#fuel-soul h1{
		font-size: 21vw;
	}
	#fuel-soul p{
		font-size: 6vw
	}
	#orange-chair img{
		width: 100%;
	}
	#lacoste img{
		width:100%;
	}
	#float1{
		margin:10%;
	}
	#float1 img{
		width: 800px;
		border: 10px solid #33231D;
}
	#float2{
		top: 18%;
		right: 5%;
	}
	#float2 img{
		width: 500px;
		border: 10px solid #33231D;
}
	#green-rectangle-background{
		height: 400px;
		top: 31%;
}
	#float3{
		top:27%;
		left:5%;
	}
	#float3 img{
		width: 450px;
		border: 10px solid #33231D;
}
	#float4{
		top:39%;
		right: 10%;
	}
	#float4 img{
		width: 650px;
		border: 10px solid #33231D;
}
	#vintage {
		font-size: 27vw;
		bottom: 24%;
	}
	#float5{
		top:55%;
		margin: 10%;
	}
	#float5 img{
		width: 750px; 
	}	
	#orangebox{
		left: 3%;
		bottom: 16%;
	}
	#orangebox img{
		width: 100%;
		height: 600px;
}
	#float6{
		bottom: 11%;
		left: 6%;
	}
	#float6 img{
	 	width: 500px;
		border: 10px solid #33231D;
		
	}	
	#float7{
		right: 5%;
		bottom: 0.5%
	}
	#float7 img{
		width: 400px;
		border: 10px solid #33231D;
}
	#goods{
		font-size: 29vw;
		bottom: -4.5%
	}
	#view-more-shop{
		bottom: -6%;
		left: 30%;
	}
/*	footer*/
	.tittle-footer-flex{
		display: none;
	}
	#footer-links{
		display: none;
}
	#footer-links ul li{
		margin: 40px;
	}
	#footer-links ul li a{
		font-size: 60px;
	}
	#footer-links2{
		display: none;
	}
	#footer-links2 ul li{
		margin: 40px;
	}
	#footer-links2 ul li a{
		font-size: 50px;
	}
	.connect{
		display: none;
	}
	.instagram{
		padding: 20px;
	}
	.instagram img{
		width: 105px;
	}
	.facebook{
		padding: 20px;
	}
	.facebook img{
		width: 100px;
	}
	.pinterest{
		padding: 20px;
	}
	.pinterest img{
		width: 100px;
	}
  .col-sm-1 {
	  width: 8.33%;
	}
  .col-sm-2 {
	  width: 16.66%;
	}
  .col-sm-3 {
	  width: 25%;
	}
  .col-sm-4 {
	  width: 33.33%;
	}
  .col-sm-5 {
	  width: 41.66%;
	}
  .col-sm-6 {
	  width: 50%;
	}
  .col-sm-7 {
	  width: 58.33%;
	}
  .col-sm-8 {
	  width: 66.66%;
	}
  .col-sm-9 {
	  width: 75%;
	}
  .col-sm-10 {
	  width: 83.33%;
	}
  .col-sm-11 {
	  width: 91.66%;
	}
  .col-sm-12 {
	  width: 100%;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/*	green bar nav*/
	#bar-brownsmall{
		width: 25%;
		top: 50%;
		left: 1px;
	}
	.bar-items{
		width: 40%;
	}
	.bar-items1{
		width: 40%;
	}
	.bar-items2{
		width: 20%;
	}
	.logo img{
		width: 500px;
	}
	
	#bar-brownlarge{
		top: 50%;
		left: 3%;
		width: 90%;
	}
	#hamburger{
		display: none;
	}
	#signin{
		display: flex;
	}
	/*	NAV BAR SECTION*/
	#menu-links{
	display: flex;
}
	#menu-links ul{
	display: flex;
	padding:20px;
	margin: 5%;
	list-style: none;
	border: 3px solid #33231D;
	
}
	#menu-links ul li{
		height: 50px;
		display: flex;
		margin-top: 30px;
	}
	#contact{
		width: 550px;
	}
	.search-bar{
		margin-left: 1%;
		margin-right: 1%;
		width: 50%;
		margin-top: 10px;
		padding: 20px;
	}
	.section-end-bar{
		bottom: -10%;
	}
/*	HOME PAGE START*/
	.hero-home{
		margin: 70px;
	}
	#hero-layout{
		padding-right: 20px;
	}
	
	#hero-excluded{
		display: flex;
		justify-content: flex-end;
	}
	.fav-picks{
		left: 40%;
	 	bottom: -5%;
	}
	.new{
	padding-top: 300px;
	padding-bottom: 0;
	}
	.new p{
		font-size: 40vw;
		padding-left: 1.5%;
	}
	.new img{
		position: absolute;
		top:10%;
		left: 45%;
		width: 520px;
	}
	.view-now a{
		position: absolute;
		font-size: 60px;
		bottom: -140%;
		left: 62%;
	}
	.view-now div{
	border: 3px solid #33231D;
	height: 3px;
	width: 15%;
	position: absolute;
	bottom: -137%;
	right: 0%;
	}
	.retro{
		height: 2200px;
	}
.retro-div{
	position: absolute;
}
	#lamp1{
		left: 55%;
	}
	#lamp1 img{
		width: 550px;
	}
	#coffee1 {
		bottom: 48%;
		left: 5%;
	}
	#coffee1 img{
		width: 600px;
	}
	#girl1{
		bottom: 20%;
		left: 20%;
		width: 570px;
	}
	#girl1 img{
		width:570px;
	}
	#div-retro-collection{
		bottom: 13%;
		left: 13%;
		font-size: 50px;
		color: #33231D;
		width: 400px;
	}
	#div-yellow{
	border: 3px solid #D89B29;
	height: 3px;
	width: 10%;
	bottom: 14%;
	position: absolute;
	}
	.end-bar{
		bottom: 5%;
		width: 90%;
		left:5%;
	}
/*	section reducing*/
	.reducing-section{
	padding-bottom: 1800px;
	padding-top:50px;
	}
	#beige-rectangle{
		top: -27%;
		width: 600px;
		z-index: -1;
	}
	#beige-rectangle img{
		height: 1880px;
	}
	#green-flower{
		bottom: 8%
	}
	.end-bar-reducing{
		width: 100%;
	}
	#our-story {
		left: 40%;
		top:21%;
	}
	#green-div{
		left: 57%;
		width: 45%;
		top:22%;
	}
	#soulful-finds-boutique{
		left: 62%;
		width: 32%;
		top: 28%;
	}
	#read-more{
		bottom:15%;
		right: 10%;
	}
	#inside-store img{
		width: 100%;
	}
	#inside-store{
		width: 55%;
		top:32%;
		left: 2%;
	}
	#curated-goods{
		left: 25%;
		bottom: 10%;
	}
	#yellow-div{
		bottom: 11.5%;
		width: 24%
	}
/*	ABOUT SECTION START*/
	#hero1 img{
		width: 550px;
	}
	#hero2{
		display: flex;
		right: 5%;
		top:8%;
	}
	#hero2 img{
		width: 940px;
		border: 15px solid #33231D;
	}
	#reduce-img{
		top:3%;
		right: 1%
	}
	#reduce-img img{
		width:300px;
	}
	#soulfulfinds-large{
		bottom:5%;
		left:5%;
	}
	#soulfulfinds-large img{
		width: 1200px;
	}
	#vertical-div{
		z-index: -1;
		right: 3%;
		height: 65%;
		top: 30%;
	}
	.container-flex-about{
		width: 100%;
	}
	.paragraph1{
		display: flex;
		flex-wrap: wrap;
		width: 66.66%;
		height: 1100px;
	}
	.paragraph1 p{
		width: 90%;
		font-size: 35px;
	}
	#images3 img{
		width: 400px;
		margin-left: 40px;
		
	}
	.eco-friendly-section{
		height: 1600px;
	}
	#eco{
		position: absolute;
		top: -25%;
	}
	#eco p{
		font-size: 32vw;
		color: #33231D;
	}
	#yellow-flower{
		left: 52.5%;
		top: -12%;
		width: 170px;
		
	}
	#yellow-flower img{
		width: 100%
	}
	#green-div-small-green{
	border: 3px solid #D1CFAB;
	height: 3px;
	width: 30%;
	position: absolute;
	bottom: 97%;
	right: 0%;
	
	}
	#perfect-boutique{
		display: flex;
		height: 800px;
		width: 1400px;
		background-color: #D1CFAB;
		padding: 3%;
		margin: 100px;
		margin-top: 240px;
	}
	#perfect-boutique p{
		font-size: 35px;
		margin: 0 auto;
	}
	#large-div-green{
		height: 750px;
		width: 1600px;
		border: 10px solid #D1CFAB;
		position: absolute;
		top:25%;
		left:03%;
		z-index: -1;
	}
	#friendly{
		top:75%
	}
	#shop-now1 {
		position: absolute;
		bottom: 87%;
		right: 5%
	}
	.product-div{
		display: flex;
		flex-direction: row;
		width: 100%;
		justify-content: center;
	}
	#product1 {
		margin-right: 50px;
	}
	#product2{
		margin-right: 50px;
	}
	.curated-article{
		display: flex;
		justify-content: center;
	}
	#curated-pieces p{
		display: flex;
		justify-content: center;
	}
	#view-more{
		right:33%;
	}
	.insta-section{
		position: relative;
	}
	.end-bar-reducing{
		top: 0%;
	}
/*	CONTACT PAGE START*/
	.contact-section{
		flex-direction: row;
	}

	.contact-div{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding-right: 5%
	}
	#address-contact{
		padding-right: 5%
	}
	#address-contact h5{
		font-size: 25px;
		width: 220px;
	
	}
	#address-contact p{
		font-size: 20px;
	}
	#phone-contact{
		margin-right: 5%
	}
	#phone-contact h5{
		width: 220px;
		font-size: 25px;
		margin-left: 5px;
	}
	#phone-contact p{
		font-size: 20px;
	}
	#email-contact h5{
		font-size: 25px;
	}
	#email-contact p{
		font-size: 20px;
	}
	.name-email-flex{
		flex-direction: row;
	}
	.name-email-flex #name{
		width: 150%;
		margin-left: 2%;
	}
	#happy-to p{
		font-size: 40px;
	}
	#name-contact {
		font-size: 20px;
	}
	.name-email-flex #email{
		width: 150%;
		margin-left: 2%;
			
	}
	#email-contactform{
		font-size: 20px;

	}
	.message label{
		font-size: 25px;
	}

	#map-image{
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: flex;

	}
	#map-image img{
		width: 100%;
		padding-left: 100px;
	}
	
	#contact-div{
		display: flex;
		margin-left: 5%
	}
	#beige-background{
		margin-bottom: 0%
	}
	.orangechair-poster{
		z-index: 3;
		width: 650px;
		top: 15%;
	}
	#orangebox-contact{
		z-index: 2;
		left: 35%;
		top:110%;
		width: 500px;
		height: 300px;
		
	}
	#brown-background{
		right: 5%;
	}
	#register-contact{
		right: 5%
	}
	#shopnow-contact{
		right: 20%;
		top: 40%;
		
	}
	#hours h1{
		font-size: 140px;
		padding-top: 40px;
		right: 15%;
		top:-30%;
		
	}
	#monday-f{
		padding-right: 100px;
		padding-top:50px;
	}
/*	SIGN IN PAGE START*/
	.container-flex-signin-box{
		width: 50%;
	}

	.log-in{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 80px;
		padding-bottom: 0px;
	}
	.need-account-relative{
		margin: 0%;
		padding: 80px;
		
	}
	#need-account h3{
		margin-top: 20%;
		font-size: 50px;
	}
	#need-account p{
		font-size: 28px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	#mainstar{
		top: 0%;
		right: 5%
	}
	#smallstar{
		top:70%;
		right: 5%
	}
	#largestar{
		top: 76%;
		right: 8%;
	}
	#something{
		font-size: 10vw;
		width: 65%;
		padding-top: 0px;
	}
	.something-relative{
		height: 1450px;
		position: relative;
	}
	.container-flex-signin{
		padding-top:150px;
		padding-bottom: 150px;
	}
	#end-brown-login1{
		border: 5px solid #DB6B2B;
		position: absolute;
		width: 90%;
		bottom: 95%;
		z-index: 2;
	}
#end-brown-login2{
		border: 5px solid #DB6B2B;
		position: absolute;
		width: 90%;
		bottom: 24%;
		z-index: 2;
		right: 0%;
	}
	#for{
		left: 41%;
		top: 36%;
			
	}
	#everyone{
		font-size: 10vw;
		width: 65%;
		padding: 2%;
		margin-left:650px
	}
	#shop-now-login{
		left: 3%;
		bottom: 10%
	}
	#end-brown-login{
		position: absolute;
		top: -8%;
		width: 100%;
		
	}
	#brownbar-shop{
		width: 100%;
	}
/*	SHOP START PAGE */
	
	#fuel-soul{
		margin-right: 0px;
		margin-top: 10%
	}
	#fuel-soul h1{
		font-size: 110px;
	}
	#fuel-soul p{
		font-size: 40px;
	}
	#shop-buttons a{
	}
	#shop-buttons #shop-1 a{
		font-size: 20px;
	}
	#shop-buttons #shop-2 a{
		font-size: 20px;
	}
	#shop-buttons #shop-3 a{
		font-size: 20px;
	}
	.hero-images-shop{
		display: flex;
	}
	#orange-chair{
		margin-left: 50px;
	}
	#orange-chair p{
		font-size: 40px;
	}
	#lacoste {
		margin-left: 0px;
	}
	#lacoste p{
		font-size: 40px;
	}
	.floating-images-relative{
		height: 5000px;
		margin-bottom: 0px;
	}
	#float1{
		left: 5%;
		margin: 0px;
		top: 2%;
	}
	#float1 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#float2{
		top: 5%;
	}
	#float2 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#float3{
		left: 29%;
		margin: 0px;
		top: 18%;
	}
	#float3 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#green-rectangle-background{
		top: 27%;
	}
	#float4{
		right: 60%;
		margin: 0px;
		top: 38%;
	}
	#float4 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#float5{
		right: 5%;
		margin: 0px;
		top: 43%;
	}
	#float5 img{
		width: 800px;
	}
	#vintage{
		bottom:30%
	}
	#vintage p{
		font-size: 16vw;
	}
	#orangebox{
		left: 20%;
		bottom: 22%
	}
	#orangebox img{
		width: 1400px;
		height: 1000px;
	}
	#float6{
		left: 15%;
		margin: 0px;
		bottom: 11%;
	}
	#float6 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#float7{
		right: 5%;
		bottom: 8%;
	}
	#float7 img{
		width: 600px;
		border: 10px solid #33231D;
	}
	#goods{
		font-size: 14vw;
		right: 0%;
		bottom: 2%
	}
	#view-more-shop{
		bottom: 2%;
		left: 5%
	}
/*	insta*/
	#insta1 img{
	width: 100%;
	padding: 20px;
}
	#insta2 img{
	width: 100%;
	padding: 20px;
}
	#insta3 img{
	width: 100%;
	padding: 20px;
}

	#insta4 img{
	width: 100%;
	padding: 20px;
	}
	.insta-box{
		display: flex;
		flex-wrap: wrap;
	}
	#insta5{

	display: flex;
	}
	#insta5 img{
	width: 100%;
	padding: 20px;
	}

/*	footer*/
	#footer-links .tittle-footer-flex li{
		margin: 0px;
	}
	.visit{
		margin-top: 0px;
	}
	.connect{
		padding-top: 10px;
	}
	#footer-links2 .tittle-footer-flex li{
		margin: 0px;
	}
	
	#flex-footer-section{
		display: flex;
		justify-content: center;
	}
	#footer-links ul li {
		list-style: none;
}
	#footer-links ul li a{
		text-decoration: none;
		color:#DB6B2B;
		font-size: 30px;
}

	#footer-links2 ul li {
		list-style: none;
		padding-bottom: 5px;
}
	#footer-links2 ul li a{
		text-decoration: none;
		color:#DB6B2B;
		font-size: 30px;
}
	#footer-links{
		display: flex;
		padding-top: 60px;
		margin-right: 120px;
		
}
	#footer-links2{
		display: flex;
		padding-top: 60px;
		margin-right: 120px;
	}
	#icons{
		display: flex;
		flex-direction: column;
		
	}
	#icons .connect{
		display: flex;
		
	}
	#icons img{
		width: 50px;
	}
	.tittle-footer-flex{
		display: flex;
	}
	.connect{
		display: flex;
		flex-direction: column;
		padding-top: 40px;
		margin-top: 30px;
	}
	.connect p{
		font-size: 30px;
		display: flex;
		justify-content: center;
		color: #7F8356;
		text-decoration: underline;
		text-decoration-color: #D1CFAB;
		margin-bottom: 20px;
	
	}
	.footerarrow{
		display: none;
	}
	.col-lg-1 {
	  width: 8.33%;
	}
  .col-lg-2 {
	  width: 16.66%;
	}
  .col-lg-3 {
	  width: 25%;
	}
  .col-lg-4 {
	  width: 33.33%;
	}
  .col-lg-5 {
	  width: 41.66%;
	}
  .col-lg-6 {
	  width: 50%;
	}
  .col-lg-7 {
	  width: 58.33%;
	}
  .col-lg-8 {
	  width: 66.66%;
	}
  .col-lg-9 {
	  width: 75%;
	}
  .col-lg-10 {
	  width: 83.33%;
	}
  .col-lg-11 {
	  width: 91.66%;
	}
  .col-lg-12 {
	  width: 100%;
	}
}