/*███    ███  █████  ██ ███    ██     ███████ ████████ ██    ██ ██      ███████ ███████ 
████  ████ ██   ██ ██ ████   ██     ██         ██     ██  ██  ██      ██      ██      
██ ████ ██ ███████ ██ ██ ██  ██     ███████    ██      ████   ██      █████   ███████ 
██  ██  ██ ██   ██ ██ ██  ██ ██          ██    ██       ██    ██      ██           ██ 
██      ██ ██   ██ ██ ██   ████     ███████    ██       ██    ███████ ███████ ███████ 
                                                                                      */

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;

}


body {
  
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  background-color:#bbc4c2ec;
}

.flex-container {
  display: flex;
  flex-direction:column;
  margin-top: 0px;
  width: 100%;

}

#uppernav{
  display:flex;
}

.navsplit {
  display: flex;

}

nav{
  z-index:1000;
}
nav ul li {
  list-style: none;
  padding-top:10px;

}
nav ul li a {
  display: block;
  width: 100px;
  padding: 7px;
  text-decoration: none;
  text-align: center;
  color: black;
  background-color: #ecf2f0ec;
  font-size:15px;
}

a:hover{
  color:rgb(105, 134, 105)
}

#navicons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-bottom:5px;
}
.shoppingbag{
margin-right:10px;
margin-left:10px;

}
.heart{
margin-right:5px;
}

#titlebox {
  align-items: center;
  justify-content:center;

}

#hamburger:hover {
  cursor: pointer;
}

.navsplit {
  width: 33.33%;
  height: 70px;
}

.mainmenu {
  padding-top: 0;
  z-index:1000;
}

#cover {
  background-image: url("../imgs/homepagetop.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  margin: 0 auto;
  width: 100%;
  
}

.footercolor{
    background-color:#f0dcf0c9;
    height:300px;
    margin-top:50px;
}
.footer{
 
     display:flex;
    flex-direction:row;
    justify-content: center;
    margin-top:60px;
    margin-bottom:20px;
    padding-left:20px;
    padding-right:20px;

}

.footerarea{
display:flex;
flex-direction:column;
width:33.33%;

align-items:center;

}

.form{
 align-items:center;
 text-align:center;
 margin-top:7px;
}

.formheader{
    font-size:15px;
    text-align:left;
}

.forminfo{
  font-size:10px;
  margin-top:7px;
  text-align:center;
  
}

.formtext{
  color:black;
margin-top:10px;
padding:5px;
border-radius:5px;
border:none;
}

.formbutton{
  width:90px;
  margin-top:10px;
  padding:5px;
  background-color:rgb(248, 248, 248);
  border:none;
  border-radius:5px;
  margin-bottom:20px;
}


.faqtext{
font-size:13px;
line-height:25px;
text-align:center;

}


.contactus{
text-align:center;
line-height:25px;
font-size:13px;
}

.emailfooter{
text-align:center;
line-height:25px;
font-size:13px;
text-decoration:underline;
}
.socialicons{
  align-items:center;
  margin-top:15px;
}
.socials{
  width:25px;
  height:22px;
  padding-left:5px;

}

/*██████   █████   ██████  ███████      ██ 
██   ██ ██   ██ ██       ██          ███ 
██████  ███████ ██   ███ █████        ██ 
██      ██   ██ ██    ██ ██           ██ 
██      ██   ██  ██████  ███████      ██ 
                                         */

.homelayout {
  display: flex;
  flex-wrap:wrap;
  margin-top:40px;

}

.homeboxes{
  display:flex;
  justify-content: center;
  padding:10px;
}

.homeshops{
  width:100%;
  height:350px;
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;

  
}
.necklacepic{
  background-image:url(../imgs/homepagenecklace.jpg);
  background-size:cover;
}

.ringpic{
  background-image:url(../imgs/homeshoprings.png);
  background-size:cover;
  border:none;

}

.earringpic{
  background-image:url(../imgs/homepageearrings.png);
  background-size:cover;
}

.braceletpic{
  background-image:url(../imgs/homepagebracelets.png);
  background-size:cover;
}

.textjewlery{
  text-align:left;
  margin-right:20px;
  margin-bottom:20px;
}


.textshops{   
  color:black;
  font-weight:bold;
  font-size:18px;
  margin-right:20px;


}
.shopjewlery{ 
  padding-top:7px;
  color:black;
  font-size:15px;
  
}

.shopjewlery:hover{
color:rgb(222, 231, 222);
}




/*
██████   █████   ██████  ███████     ██████  
██   ██ ██   ██ ██       ██               ██ 
██████  ███████ ██   ███ █████        █████  
██      ██   ██ ██    ██ ██          ██      
██      ██   ██  ██████  ███████     ███████ */



.whitespace {
  width:100%;
  height:260px;
  background-color:white;
}

.aboutboxes{
  display:flex;
  justify-content: center;
}

.homecontainer {     /*SECTION*/
  display: flex;
  flex-wrap:wrap;
  margin-left:20px;
  margin-right:20px;


}

.abouttoptext{      /*1ST TEXT BOX*/
  width:100%;
  display:flex;
  flex-direction:column;
}

.textquotebox{
  margin-top:50px;
  margin-bottom:50px;
  align-items:center;

}

.textquote{
  text-align:center;
  line-height:30px;
  font-size:14px;

}

.abouttopic{   /*1ST IMAGE*/
  width:100%;
  display:flex;
}

.abouttopic img{
  width:100%;
  height: 550px;
  object-fit:cover;
}


.aboutmiddletext{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/

  width:100%;
  display:flex;
  flex-direction:column;

}

.textmiddlebox{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
  margin-top:50px;
  margin-bottom:50px;
  align-items:center;
}

.textmiddletitle{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
      font-weight:bold;
      font-size:18px;
      text-align:center;
      margin-bottom:10px;
}

.textmiddleinfo{    /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
  font-size:14px;
  text-align:center;
  line-height:20px;
  margin-left:15px;
  margin-right:15px;

}

.shopbutton{
  font-size:14px;
text-align:center;
 margin-left:40%;
 color:black

}

.shopbutton:hover{
  color:rgb(13, 48, 13);
}


.middletopic{  /*2ND IMAGE*/
  width:100%;
  display:flex;

}

.middletopic img{
  width:100%;
  height: 550px;
  object-fit:cover;

}

.endtopic{  /*THIRD IMAGE*/
  width:100%;
  display:flex;

}

.endtopic img{

  width:100%;
  height: 550px;
  object-fit:cover;

}

/*
██████   █████   ██████  ███████     ██████  
██   ██ ██   ██ ██       ██               ██ 
██████  ███████ ██   ███ █████        █████  
██      ██   ██ ██    ██ ██               ██ 
██      ██   ██  ██████  ███████     ██████  */


.shopboxes{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content: center;
}
.topareashop{
    position:relative;
    width:100%;
}
.shoppicfirst{
  width:100%;
  display:flex;
  margin-top:50px;
}

.shoppicfirst img{
  width:100%;
  height:500px;
  object-fit:cover;
}

.shoppictext{
  position:absolute;
  right:5%;
  bottom:-40px;
  text-align:center;
  color:black;
  font-size:60px;
  font-style:italic;
  /* font-family; */
}



.droptextcontainer{
  width:100%;
  display:flex;
  flex-direction:column;
}


.droptextbox{
  margin-top:120px;
  margin-left:40px;
  margin-right:40px;
  margin-bottom:80px;
  align-items:center;
}

.droptext{
  text-align:center;
  line-height:25px;
  font-size:16px;
  /* font-family: */
}

.shopmorepieces{
    border-radius:10px;
    padding: 15px 45px;
    margin-top:80px;
    margin-bottom:60px;
    background-color:white;
}

.shopmoretext{
  color:black;
  text-decoration:none;
  font-size:15px;
}

.shopmoretext:hover{
  color:rgb(13, 48, 13)
}

/*

██████   █████   ██████  ███████     ██   ██ 
██   ██ ██   ██ ██       ██          ██   ██ 
██████  ███████ ██   ███ █████       ███████ 
██      ██   ██ ██    ██ ██               ██ 
██      ██   ██  ██████  ███████          ██  */



/*
██████   █████   ██████  ███████     ███████ 
██   ██ ██   ██ ██       ██          ██      
██████  ███████ ██   ███ █████       ███████ 
██      ██   ██ ██    ██ ██               ██ 
██      ██   ██  ██████  ███████     ███████ */


  
  
                                             
/*
██   ██ ███████     ██████  ███████ ██    ██ ██  ██████ ███████ 
 ██ ██  ██          ██   ██ ██      ██    ██ ██ ██      ██      
  ███   ███████     ██   ██ █████   ██    ██ ██ ██      █████   
 ██ ██       ██     ██   ██ ██       ██  ██  ██ ██      ██      
██   ██ ███████     ██████  ███████   ████   ██  ██████ ███████ */


/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
 

  #hamburgerbox {
    justify-content: start;
    padding: 10px;

  }
  #menu_links {
    display: none; 
    /*closed state*/
  }
  #searchbar {
    display: none;
  }

  #searchbartwo{
    display:none;
  }
  #hamburger {
    display: flex;
 
  }
  #cover {
    height: 500px;
  }

  #titlebox{
  
    padding-top:20px;
  }
  .title {
    text-align: center;
    color:white;
    font-size:22px;
    font-weight:bold;
    text-decoration: none;
  
  }

  .titlemore{
    text-align: center;
    color:black;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
  }
  main{
    display:flex;
    flex-direction:column;
    width:100%;
    margin:0 auto;
  
  }
  .hiddengemssection{
    position:relative;
    width:100%;
    height:650px;
    margin-top:20px;
   
  }
  
  .firsthiddenimg{
    position:absolute;
    top:5%;
    left:10%;
    width:50%;
  
  }
  .secondhiddenimg{
    position:absolute;
    top:40%;
    right:10%;
    width:40%;
  }
  
  .firsthiddenimg img{
    width:100%;
    height: 400px;
  }
  
  .secondhiddenimg img{
    width:100%;
    height:250px;
    padding-bottom:20px;
  }
  .hiddentext{
    position:absolute;
    bottom:0;
    text-align:center;
  }
  
  .hiddentop{
    padding-bottom:17px;
    font-size:18px;
    font-weight:bold;
  }
  
  .hiddenmiddle{
    padding-left:50px;
    padding-right:50px;
    line-height:22px;
    font-size:14px;
    margin-bottom:20px;
  
  }
  
  .hiddenbottom{   /* MAKE THIS IS CLICKABLE*/
  font-size:15px;
  color:black;
  text-decoration:none;
  }

  .hiddenbottom:hover{
    color:rgb(13, 48, 13)
  }

  .ourboutique{
    width:100%;
    display:flex;
    margin-top:50px;
    flex-direction:column;
  }
  
  .ourboutique img{
    width:100%;
    height:300px;
    object-fit:cover;
  }

  .boutiquetext{
    display:flex;
    flex-direction:column;
    text-align:left;
    margin-top:30px;
    margin-left:40px;
    font-weight:bold;
    font-size:18px;
  }
  
  .boutiqueinfo{
    text-align: left;
    margin-top:20px;
    margin-left:40px;
    margin-right:40px;
    font-size:14px;
    line-height:22px;
  }

  .instoreservices{
    width:100%;
    display:flex;
    margin-top:50px;
    flex-direction:column;
    
  }
  
  .instoreservices img{
    width:100%;
    height:300px;
    object-fit:cover;

  }

  .instoretext{
    display:flex;
    flex-direction:column;
    text-align:left;
    margin-top:30px;
    margin-left:40px;
    font-weight:bold;
    font-size:18px;
  }

  .instoreinfo{
    text-align: left;
    margin-top:20px;
    margin-left:40px;
    margin-right:40px;
    font-size:14px;
    line-height:22px;
  }
  
 
  .icons{
    width:100%;
    display:flex;
    flex-direction:row;
    margin-top:70px;
 
  }

  .iconsymbols{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    width:33.33%;
  }
.iconsymbols img{
  margin-bottom:15px;
  align-items:center;
  width:45px;
  height:40px;
}
.icontext{
  text-align:center;
  font-size:14px;
  line-height:18px;
}

.whitespace{
  width:100%;
  height:110px;
    background-color:white;
}


#box1{
  order:1;
}
#box2{
  order:2;
}
#box3{
  order:3;
}
#box4{
  order:4;
}

.silverrings{
  width:100%;
  display:flex;
  justify-content:center;

}

.silverrings img{
  width:60%;
  height:300px;
  object-fit:cover;
  border-radius:20px;
  object-position:bottom;
}

.silverringpricebox{
margin: 0 auto;
margin-top:15px;
}

.silverringprice{
  text-align:center;
  line-height:20px;
  font-size:14px;
}

.oceanpic{
  width:100%;
  display:flex;
  margin-top:50px;
}

.oceanpic img{
  width:100%;
  height:250px;
  object-fit:cover;
}

.goldearrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;

  
}

.goldearrings img{
  width:80%;
  height:300px;
  object-fit:cover;
  object-position:top;
  border-radius: 10px;
}
 

.goldearringstextbox{
  display:flex;
  flex-direction:column;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-top:15px;

}

.mountains{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:60px;
  flex-wrap:wrap;
}

.mountains img{
  width:95%;
  height:350px;
  object-fit:cover;
}

.shoptwohoops{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.shoptwohoops img{
  width:80%;
  height:300px;
  object-fit:cover;
  object-position:bottom;
  border-radius: 10px;
}

.twohoopstextbox{
  display:flex;
  flex-direction:column;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-top:15px;

}
.recycleboxes{
  display:flex;
  align-items:center;
  justify-content: center;
}
.recycleandearn{
  width:95%;
  height:600px;
  margin-top:20px;
  padding-right:20px;
}

.recyclesmall{
  font-size:11px;
  margin-bottom:15px;
}

.recycletitle{
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
}

.recyclepara1{
  font-size:15px;
  line-height:20px;
  margin-bottom:15px;
}

.recyclepara2{
  font-size:15px;
  line-height:20px;
  margin-bottom:20px;
}

.toptradetextbox{
  width:75%;
  border:1px solid black;
  text-align: center;
  padding:10px 5px;
}

.toptradetextbox:hover{
  background-color:white;
}

.toptradetext{
  color:black;
  text-decoration:none;
  font-size:14px;
}

.fruitearrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.fruitearrings img{
  width:95%;
  height:600px;
  object-fit:cover;
}

.benefittitle{
  margin-top:90px;
  margin-bottom:60px;
}

.benefittext{
  font-size:22px;
  font-weight:bold;
  text-align:center;
  line-height:30px;
}

.benefitpara{
  border-radius:10px;
  padding:20px;
  width:80%;
  height:140px;
  align-items: center;
  margin-bottom:45px;
  background-color:rgb(243, 237, 237);

}

.infotitle{
    text-align:center;
    margin-bottom:10px;
}

.infobody{
  text-align:center;
  line-height:22px;
}

.recycleboxes1{
  display:flex;
  flex-direction:column;
  justify-content: center;
  flex-wrap:wrap;
}

.howitworks{               /*SECTION 1*/
  text-align:center;
  margin-top:50px;
  font-size:22px;
  font-weight:bold;
  text-decoration:underline;
}


.howitworksinfo{             /*SECTION 2*/
  margin-top:35px;
  margin-left:20px;
  margin-right:20px;
}

.titlelist{
  font-size:17px;
  margin-bottom:10px;
}

.infolist{
  font-size:14px;
  line-height:20px;
}

.bottomtradebox{
  text-align:center;
  margin-top:75px;
  margin-bottom:20px;
  padding:20px;
  border-radius:30px;
  background-color:white;
}

.bottomtradebox:hover{
  background-color:rgba(84, 124, 99, 0.685);
}

.bottomtradetext{
  color:black;
  text-decoration:none;
  font-size:16px;
}

.bottomtradetext:hover{
  color:black;
}
.stackedsilverrings{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    margin-bottom:20px;
  }
  
  .stackedsilverrings img{
    width:100%;
    height:200px;
    object-fit:cover;
  }

  .boatimg{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      margin-bottom:20px;
    }
    
    .boatimg img{
      width:100%;
      height:300px;
      object-fit:cover;
      object-position:top;
    }
  
    .ourpiercingstudio{
      text-align:center;
      margin-left:50px;
      margin-right:50px;
      margin-top:35px;
    }  
    
    .studiotitle{
        font-size:22px;
    }
  
    .studioinfo{
        margin-top:20px;
        line-height:20px;
        font-size:13px;
    }
  
    .studiolocation{
      text-align:center;
      margin-top:30px;
      line-height:20px;
      font-size:13px;
  }
    
  .openinghours{
    text-align:center;
    margin-left:50px;
    margin-right:50px;
    margin-top:30px;
  }
  
  .studiohours{
    font-size:18px;
  }

  .bookapp{
   display:flex;
   align-items: center;
   justify-content: center;
   width:100%;
  }

  .bookapptext{
      color:black;
  text-decoration:none;
    text-align:center;
    border-radius:30px;
    background-color:white;
    margin-top:35px;
    padding:15px 30px;
  }

  .bookapptext:hover{
    color:rgb(13, 48, 13)
  }

.twostudiopics{
  width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:75px;
  }
  
  .twostudiopics img{
    width:80%;
    height:450px;
    object-fit:cover;
    object-position:top;
    border-radius:40px;
  }


  .pricing{
      text-align:center;
      margin-top:40px;
      font-size:22px;
  }

  .pricetitle{
    font-weight:bold;
    font-size:22px;
  }

  .pricinginfo{
  margin-top:20px;
  font-size:14px;
  line-height:30px;
  }

  .pricenote{
    display:flex;
    justify-content: center;
    align-items:center;
    width:100%;
  }

  .pricenotetext{
    margin-top:15px;
    text-align:center;
    font-size:13px;
    margin-left:30px;
    margin-right:30px;
    line-height:15px;
}
  
.bookinganapptext{
  margin-top:20px;
  text-align:center;
  font-size:14px;
  margin-left:40px;
  margin-right:40px;
  line-height:22px;
   margin-bottom:15px;
}

.booknowtext{
  color:black;
  text-decoration:none;
  font-size:16px;
}

.booknowtext:hover{
  color:rgb(13, 48, 13)
}

.haveaquestion{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  margin-top:50px;
}
.questioncontent{
  width:70%;
  text-align:center;
  border-radius:20px;
  background-color:white;
  padding:20px 5px;

}

.questiontext{
  font-size:18px;
}

.questioninfo{
  margin-top:15px;
  margin-bottom:10px;
font-size:12px;
}

.questionunderline{
  color:black;
  font-size:13px;
  text-decoration:underline;

}
.questionunderline:hover{
  color:rgb(182, 29, 55);
}

#firstbox{
  order:1;
}

#secondbox{
  order:2;
}

#thirdbox{
order:3;
}

#fourthbox{
order:4;
}

#fifthbox{
order:5;
}
.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) {
  

  nav {
    margin: 0;
  }

  nav ul li {
    display: flex;
    margin: auto;
    text-align: center;
  }

  nav ul li a {
    display: block;
    height: 30px;
    width: 125px;
    padding: 7px;
    text-decoration: none;
    border-radius: 10px;
    background-color: #bbc4c0;
    align-items:center;
    text-align: center;
    margin-left: 0;
    margin-top: 30px;
    font-size:14px;
  }

  #hamburgerbox {
    justify-content: start;
    padding: 10px;

  }

  #hamburger {
    display:none;
  }

  
  #searchbar {
    display: none;
  }

  #searchbartwo{
    display:none;
  }
 
  #menu_links {
    display: flex; /*closed state*/
  }
  #cover {
    height: 500px;
  }
 
  #titlebox{
    padding-top:20px;
  }

  .title {
    text-align: center;
    color:white;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
  }
    
  .titlemore{
    text-align: center;
    color:black;
    font-size:22px;
    font-weight:bold;
    text-decoration:none;
  }


main{
  display:flex;
  flex-direction:column;
  width:100%;
  margin:0 auto;
}
.hiddengemssection{
  position:relative;
  width:100%;
  height:650px;
  margin-top:20px;
 
}

.firsthiddenimg{
  position:absolute;
  top:5%;
  left:10%;
  width:50%;

}
.secondhiddenimg{
  position:absolute;
  top:40%;
  right:10%;
  width:40%;
}

.firsthiddenimg img{
  width:100%;
  height: 400px;
}

.secondhiddenimg img{
  width:100%;
  height:250px;
}
.hiddentext{
  position:absolute;
  bottom:0;
  text-align:center;
}

.hiddentop{
  padding-bottom:17px;
  font-size:18px;
  font-weight:bold;

}

.hiddenmiddle{
  padding-left:50px;
  padding-right:50px;
  line-height:22px;
  font-size:14px;
  margin-bottom:20px;

}

.hiddenbottom{   /* MAKE THIS IS CLICKABLE*/
padding-top:17px;
font-size:15px;
  color:black;
  text-decoration:none;
  }

  .hiddenbottom:hover{
    color:rgb(13, 48, 13)
  }


.ourboutique{
  width:100%;
  display:flex;
  margin-top:50px;
  flex-direction:column;
}

.ourboutique img{
  width:100%;
  height:350px;
  object-fit:cover;
}

.boutiquetext{
  display:flex;
  flex-direction:column;
  text-align:left;
  margin-top:30px;
  margin-left:40px;
  font-weight:bold;
  font-size:18px;
}

.boutiqueinfo{
  text-align: left;
  margin-top:20px;
  margin-left:40px;
  margin-right:40px;
  font-size:14px;
  line-height:22px;
}

.instoreservices{
  width:100%;
  display:flex;
  margin-top:50px;
  flex-direction:column;
  
}

.instoreservices img{
  width:100%;
  height:350px;
  object-fit:cover;
}

.instoretext{
  display:flex;
  flex-direction:column;
  text-align:left;
  margin-top:30px;
  margin-left:40px;
  font-weight:bold;
  font-size:18px;
}

.instoreinfo{
  text-align: left;
  margin-top:20px;
  margin-left:40px;
  margin-right:40px;
  font-size:14px;
  line-height:22px;
}

.icons{
  width:100%;
  display:flex;
  flex-direction:row;
  margin-top:70px;
}

.iconsymbols{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  width:33.33%;
}
.iconsymbols img{
margin-bottom:15px;
align-items:center;
width:45px;
height:40px;
}
.icontext{
text-align:center;
font-size:14px;
line-height:18px;
}

.whitespace{
  background-color:white;
  width:100%;
  height:200px;
}

#box1{
  order:1;
}
#box2{
  order:2;
}
#box3{
  order:3;
}
#box4{
  order:4;
}

.silverrings{
  width:100%;
  display:flex;
  justify-content:center;
}

.silverrings img{
  width:60%;
  height:450px;
  object-fit:cover;
  border-radius:20px;
  object-position:bottom;
}

.silverringpricebox{
  margin: 0 auto;
  margin-top:15px;
  }
  
  .silverringprice{
    text-align:center;
    line-height:20px;
    font-size:14px;
  
  }

  .oceanpic{
    width:100%;
    display:flex;
    margin-top:50px;
  }
  
  .oceanpic img{
    width:100%;
    height:250px;
    object-fit:cover;
  }

  .goldearrings{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:50px;
    flex-wrap:wrap;
  }
  
  .goldearrings img{
    width:60%;
    height:300px;
    object-fit:cover;
    object-position:0px 70%;
    border-radius:10px;
    border:none;
  }
   
  
  .goldearringstextbox{
    display:flex;
    flex-direction:column;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin-top:15px;
  }

  .mountains{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:60px;
    flex-wrap:wrap;
  }
  
  .mountains img{
    width:95%;
    height:350px;
    object-fit:cover;
  }

  
.shoptwohoops{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.shoptwohoops img{
  width:60%;
  height:300px;
  object-fit:cover;
  object-position:bottom;
  border-radius: 10px;
}

.twohoopstextbox{
  display:flex;
  flex-direction:column;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-top:15px;
 
}

.recycleboxes{
  display:flex;
  align-items:center;
  justify-content: center;
}
.recycleandearn{
  width:95%;
  height:600px;
  margin-top:90px;
  padding-right:20px;
  padding-top:40px;
}

.recyclesmall{
  font-size:11px;
  margin-bottom:15px;
}

.recycletitle{
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
}

.recycleboxes1{
  display:flex;
  flex-direction:column;
  justify-content: center;
  flex-wrap:wrap;
}

.howitworks{               /*SECTION 1*/
  text-align:center;
  margin-top:50px;
  font-size:22px;
  font-weight:bold;
  text-decoration:underline;
}


.howitworksinfo{             /*SECTION 2*/
  margin-top:35px;
  margin-left:20px;
  margin-right:20px;
}

.titlelist{
  font-size:17px;
  margin-bottom:10px;
}

.infolist{
  font-size:14px;
  line-height:20px;
}

.recyclepara1{
  font-size:15px;
  line-height:20px;
  margin-bottom:15px;
}

.recyclepara2{
  font-size:15px;
  line-height:20px;
  margin-bottom:25px;
}

.toptradetextbox{
  width:75%;
  border:1px solid black;
  text-align: center;
  padding:10px 5px;
}

.toptradetextbox:hover{
  background-color:white;
}

.toptradetext{
  color:black;
  text-decoration:none;
  font-size:14px;
}

.fruitearrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.fruitearrings img{
  width:95%;
  height:600px;
  object-fit:cover;
}

.benefittitle{
  margin-top:65px;
  margin-bottom:65px;
}

.benefittext{
  font-size:22px;
  font-weight:bold;
  text-align:center;
  line-height:30px;
}

.benefitpara{
  border-radius:10px;
  padding:20px;
  width:80%;
  height:140px;
  align-items: center;
  margin-bottom:45px;
  background-color:rgb(243, 237, 237);

}

.infotitle{
    text-align:center;
    margin-bottom:10px;
}

.infobody{
  text-align:center;
  line-height:22px;
}

.stackedsilverrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:40px;
  margin-bottom:20px;
}

.stackedsilverrings img{
  width:100%;
  height:200px;
  object-fit:cover;
}

.bottomtradebox{
  text-align:center;
  margin-top:75px;
  margin-bottom:20px;
  padding:20px;
  border-radius:30px;
  background-color:white;
}

.bottomtradebox:hover{
  background-color:rgba(84, 124, 99, 0.685);
}

.bottomtradetext{
  color:black;
  text-decoration:none;
  font-size:16px;
}

.bottomtradetext:hover{
  color:black;
}

.boatimg{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:20px;
}

.boatimg img{
  width:100%;
  height:300px;
  object-fit:cover;
  object-position:top;
}
.ourpiercingstudio{
  text-align:center;
  margin-left:50px;
  margin-right:50px;
  margin-top:35px;
}  

.studiotitle{
    font-size:22px;
}

.studioinfo{
    margin-top:20px;
    line-height:20px;
    font-size:13px;
}

.studiolocation{
  text-align:center;
  margin-top:30px;
  line-height:20px;
  font-size:13px;
}

.openinghours{
text-align:center;
margin-left:50px;
margin-right:50px;
margin-top:30px;
}

.studiohours{
font-size:18px;
}

.bookapp{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
 }

 .bookapptext{
    color:black;
  text-decoration:none;
   text-align:center;
   border-radius:30px;
   background-color:white;
   margin-top:35px;
   padding:15px 30px;
 }

  .bookapptext:hover{
    color:rgb(13, 48, 13)
  }

.twostudiopics{
 width:100%;
   display:flex;
   justify-content:center;
   align-items:center;
   object-fit:cover;
   object-position:bottom;
   margin-top:75px;
 }
 
 .twostudiopics img{
   width:60%;
   object-fit:cover;
   object-position:top;
   border-radius:40px;
 }


 .pricing{
     text-align:center;
     margin-top:40px;
     font-size:22px;
 }

 .pricetitle{
   font-weight:bold;
   font-size:22px;
 }

 .pricinginfo{
 margin-top:20px;
 font-size:14px;
 line-height:30px;
 }

 .pricenote{
   display:flex;
   justify-content: center;
   align-items:center;
   width:100%;
 }

 .pricenotetext{
   margin-top:15px;
   text-align:center;
   font-size:13px;
   margin-left:30px;
   margin-right:30px;
   line-height:15px;
}
 
.bookinganapptext{
 margin-top:20px;
 text-align:center;
 font-size:14px;
 margin-left:40px;
 margin-right:40px;
 line-height:22px;
  margin-bottom:15px;
}

.booknowtext{
   color:black;
  text-decoration:none;
  font-size:16px;
}

.booknowtext:hover{
  color:rgb(13, 48, 13)
}

.haveaquestion{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  margin-top:50px;
}
.questioncontent{
  width:60%;
  text-align:center;
  border-radius:20px;
  background-color:white;
  padding:20px 5px;

}

.questiontext{
  font-size:18px;
}

.questioninfo{
  margin-top:15px;
  margin-bottom:10px;
font-size:12px;
}

.questionunderline{
  color:black;
  font-size:13px;
  text-decoration:underline;

}

.questionunderline:hover{
  color:rgb(182, 29, 55);
}

#firstbox{
  order:1;
}

#secondbox{
  order:2;
}

#thirdbox{
order:3;
}

#fourthbox{
order:4;
}

#fifthbox{
order:5;
}


  .col-s-1 {
    width: 8.33%;
  }
  .col-s-2 {
    width: 16.66%;
  }
  .col-s-3 {
    width: 25%;
  }
  .col-s-4 {
    width: 33.33%;
  }
  .col-s-5 {
    width: 41.66%;
  }
  .col-s-6 {
    width: 50%;
  }
  .col-s-7 {
    width: 58.33%;
  }
  .col-s-8 {
    width: 66.66%;
  }
  .col-s-9 {
    width: 75%;
  }
  .col-s-10 {
    width: 83.33%;
  }
  .col-s-11 {
    width: 91.66%;
  }
  .col-s-12 {
    width: 100%;
  }
}

/*███    ███ ██████      ██████  ███████ ██    ██ ██  ██████ ███████ 
████  ████ ██   ██     ██   ██ ██      ██    ██ ██ ██      ██      
██ ████ ██ ██   ██     ██   ██ █████   ██    ██ ██ ██      █████   
██  ██  ██ ██   ██     ██   ██ ██       ██  ██  ██ ██      ██      
██      ██ ██████      ██████  ███████   ████   ██  ██████ ███████ */


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  .goldearrings{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:50px;
    flex-wrap:wrap;
  }
  
  .goldearrings img{
    width:60%;
    height:300px;
    object-fit:cover;
    object-position:0px 70%;
    border-radius:10px;

  }
   
  
  .goldearringstextbox{
    display:flex;
    flex-direction:column;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin-top:15px;
  
  }

  
.shoptwohoops{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.shoptwohoops img{
  width:60%;
  height:300px;
  object-fit:cover;
  object-position:bottom;
  border-radius: 10px;
}

.twohoopstextbox{
  display:flex;
  flex-direction:column;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-top:15px;
 
}

.recycleboxes{
  display:flex;
  align-items:center;
  justify-content: center;
}
.recycleandearn{
  width:95%;
  height:600px;
  margin-top:50px;
  padding-right:20px;
  padding-top:30px;
}

.recyclesmall{
  font-size:11px;
  margin-bottom:15px;
}

.recycletitle{
  font-size:22px;
  font-weight:bold;
  margin-bottom:30px;
}

.recyclepara1{
  font-size:15px;
  line-height:20px;
  margin-bottom:15px;
}

.recyclepara2{
  font-size:15px;
  line-height:20px;
  margin-bottom:25px;
}

.toptradetextbox{
  width:75%;
  border:1px solid black;
  text-align: center;
  padding:10px 5px;
}

.toptradetextbox:hover{
  background-color:white;
}

.toptradetext{
  color:black;
  text-decoration:none;
  font-size:14px;
}

.fruitearrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:50px;
  flex-wrap:wrap;
}

.fruitearrings img{
  width:95%;
  height:600px;
  object-fit:cover;
}

.benefittitle{
  margin-top:90px;
  margin-bottom:60px;
}

.benefittext{
  font-size:22px;
  font-weight:bold;
  text-align:center;
  line-height:30px;
}

.benefitpara{
  border-radius:10px;
  padding:20px;
  width:80%;
  height:140px;
  align-items: center;
  margin-bottom:45px;
  background-color:rgb(243, 237, 237);
}

.infotitle{
    text-align:center;
    margin-bottom:10px;
}

.infobody{
  text-align:center;
  line-height:22px;
}

.recycleboxes1{
  display:flex;
  flex-direction:column;
  justify-content: center;
  flex-wrap:wrap;
}

.howitworks{               /*SECTION 1*/
  text-align:center;
  margin-top:50px;
  font-size:22px;
  font-weight:bold;
  text-decoration:underline;
}


.howitworksinfo{             /*SECTION 2*/
  margin-top:35px;
  margin-left:20px;
  margin-right:20px;
}

.titlelist{
  font-size:17px;
  margin-bottom:10px;
}

.infolist{
  font-size:14px;
  line-height:20px;
}

.bottomtradebox{
  text-align:center;
  margin-top:75px;
  margin-bottom:20px;
  padding:22px;
  border-radius:30px;
  background-color:white;
}

.bottomtradebox:hover{
  background-color:rgba(84, 124, 99, 0.685);
}

.bottomtradetext{
  color:black;
  text-decoration:none;
  font-size:17px;
}

.bottomtradetext:hover{
  color:black;
}
.boatimg{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:20px;
}

.boatimg img{
  width:100%;
  height:450px;
  object-fit:cover;
  object-position:top;
}

.ourpiercingstudio{
  text-align:center;
  margin-left:70px;
  margin-right:70px;
  margin-top:35px;
}  

.studiotitle{
    font-size:22px;
}

.studioinfo{
    margin-top:20px;
    line-height:20px;
    font-size:13px;
}

.studiolocation{
  text-align:center;
  margin-top:30px;
  line-height:20px;
  font-size:13px;
 

}

.openinghours{
text-align:center;
margin-left:50px;
margin-right:50px;
margin-top:30px;
margin-left:70px;
margin-right:70px;
}

.studiohours{
font-size:18px;
}

.bookapp{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
 }

 .bookapptext{
    color:black;
  text-decoration:none;
   text-align:center;
   border-radius:30px;
   background-color:white;
   margin-top:35px;
   padding:15px 30px;
 }

  .bookapptext:hover{
    color:rgb(13, 48, 13)
  }

.twostudiopics{
 width:100%;
   display:flex;
   justify-content:center;
   align-items:center;
   margin-top:75px;
 }
 
 .twostudiopics img{
   width:60%;
   object-fit:cover;
   object-position:top;
   border-radius:40px;
 }


 .pricing{
     text-align:center;
     margin-top:40px;
     font-size:22px;
 }

 .pricetitle{
   font-weight:bold;
   font-size:22px;
 }

 .pricinginfo{
 margin-top:20px;
 font-size:14px;
 line-height:30px;
 }

 .pricenote{
   display:flex;
   justify-content: center;
   align-items:center;
   width:100%;
 }

 .pricenotetext{
   margin-top:15px;
   text-align:center;
   font-size:13px;
   margin-left:30px;
   margin-right:30px;
   line-height:15px;
}
 
.bookinganapptext{
 margin-top:20px;
 text-align:center;
 font-size:14px;
 margin-left:40px;
 margin-right:40px;
 line-height:22px;
  margin-bottom:15px;
}

.booknowtext{
   color:black;
  text-decoration:none;
  font-size:16px;
}

.booknowtext:hover{
  color:rgb(13, 48, 13)
}

.haveaquestion{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  margin-top:50px;
}
.questioncontent{
  width:50%;
  text-align:center;
  border-radius:20px;
  background-color:white;
  padding:20px 5px;

}

.questiontext{
  font-size:18px;
}

.questioninfo{
  margin-top:15px;
  margin-bottom:10px;
font-size:12px;
}

.questionunderline{
  color:black;
  font-size:13px;
  text-decoration:underline;

}

.questionunderline:hover{
  color:rgb(182, 29, 55);
}



  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}

}

/*██       ██████      ██████  ███████ ██    ██ ██  ██████ ███████ 
██      ██           ██   ██ ██      ██    ██ ██ ██      ██      
██      ██   ███     ██   ██ █████   ██    ██ ██ ██      █████   
██      ██    ██     ██   ██ ██       ██  ██  ██ ██      ██      
███████  ██████      ██████  ███████   ████   ██  ██████ ███████ */


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #hamburger {
    display: none;
  }

  #searchbar {
    display: flex;
  }

    
  #searchbartwo {
    display: flex;
  }
  

 
  #menu_links {
    display: flex;
    margin-top: 30px;
    text-align:center;
  }

  
  nav {
    margin: 0;
  }

  nav ul li {
    display: flex;
    margin: auto;
    text-align: center;
  }

  nav ul li a {
    display: block;
    height: 40px;
    width: 150px;
    padding: 10px;
    text-decoration: none;
    text-align: center;
    color: black;
    border-radius: 10px;
    background-color:  #bbc4c0;
    margin-left: 0;
    margin-top: 10px;
    font-size:15px;
  }
  #searchbar {
    justify-content: start;
    margin-top: 15px;
    border: 1px solid white;
    width: 250px;
    height: 35px;
    align-items: center;
    margin-left: 10px;
    position:absolute;
  }
  #searchbartwo{
    justify-content: start;
    margin-top: 15px;
    border: 1px solid black;
    width: 250px;
    height: 35px;
    align-items: center;
    margin-left: 10px;
    position:absolute;
  }
  .searchicon {
    width: 20px;
    align-items: center;
    margin-left: 10px;
  }

  .searchtext{
    padding-top:2px;
    background-color:rgb(41, 39, 39);
    border:none;
    margin-left:7px;
    padding-left: 10px;
    
  }

  .searchtexttwo{
    padding-top:2px;
    border:none;
    margin-left:7px;
    padding-left: 10px;
  }

  .searchtext::placeholder{
    color:white;
  }

  .searchtexttwo::placeholder{
    color:black;
  }

  #cover {
    height: 900px;
  }

  #titlebox{
  
    padding-top:90px;
    padding-bottom:35px;
  }
  .title {
    text-align: center;
    color:white;
    font-size:34px;
    font-weight:bold;
    text-decoration:none;
    
  }

  .titlemore{
    text-align: center;
    color:black;
    font-size:34px;
    font-weight:bold;
    text-decoration:none;
  }


  .homeshops{
    height:550px;
  }
  
    .hiddengemssection{
      position:static;
      width:100%;
      height:600px;
      display:flex;
      flex-direction:column;
      flex-wrap:wrap;
     
    
    }
    
    .firsthiddenimg{
      position:static;
      width:50%;
      height:600px;
      order:3;
      padding-top:50px;
    
    }
    .secondhiddenimg{
      position:static;
      width:50%;
      height:300px;
      order:1;
      padding-top:50px;
    }
    
    .firsthiddenimg img{
      width:100%;
      height:100%;
      margin:0 auto;
      object-fit:cover;
    }
    
    .secondhiddenimg img{
      display:block;
      width:70%;
      height:100%;
      margin:0 auto;
      object-fit:cover;
    }

    .hiddentext{
      position:static;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:flex-start;
      text-align:center;
      width:50%;
      height:300px;
      order:2;
    }
    
    .hiddentop{
      margin-left:100px;
      text-align:center;
      font-size:18px;
      font-weight:bold;
    }
    
    .hiddenmiddle{
      margin-left:50px;
      margin-right:40px;
      text-align:left;
      line-height:22px;
      font-size:14px;
      margin-bottom:10px;
    
    }
    
    .hiddenbottom{   /* MAKE THIS IS CLICKABLE*/
    padding-top:17px;
    font-size:15px;
    margin-left:100px;
    color:black;
    text-decoration:none;
    }

    .hiddenbottom:hover{
      color:rgb(13, 48, 13)
    }
  
    .ourboutique{
      width:100%;
      display:flex;
      flex-direction:column;
    }
    
    .ourboutique img{
      width:100%;
      height:350px;
      object-fit:cover;
    }
  
    .boutiquetext{
      display:flex;
      flex-direction:column;
      text-align:left;
      margin-top:30px;
      margin-left:40px;
      font-weight:bold;
      font-size:18px;
    }
    
    .boutiqueinfo{
      text-align: left;
      margin-top:20px;
      margin-left:40px;
      margin-right:40px;
      font-size:14px;
      line-height:22px;
    }

    .instoreservice{
      width:100%;
      display:flex;
      flex-direction:column;
    }
    
    .instoreservice div img{
      width:100%;
      height:350px;
      object-fit:cover; 
      object-position: left;

    }
  
    .instoretext{
      display:flex;
      flex-direction:column;
      text-align:left;
      margin-top:30px;
      margin-left:40px;
      font-weight:bold;
      font-size:18px;
    }
    
    .instoreinfo{
      text-align: left;
      margin-top:20px;
      margin-left:40px;
      margin-right:40px;
      font-size:14px;
      line-height:22px;
    }

    .icons{
      width:100%;
      display:flex;
      flex-direction:row;
      margin-top:70px;
    }
    
    .iconsymbols{
      display:flex;
      flex-direction:column;
      justify-content: center;
      align-items: center;
      width:33.33%;
    }
    .iconsymbols img{
    margin-bottom:15px;
    align-items:center;
    width:45px;
    height:40px;
    }
    .icontext{
    text-align:center;
    font-size:14px;
      line-height:20px;
    }

    .whitespace{
       background-color:white;
      width:100%;
      height:270px;
    }

    .homecontainer {     /*SECTION*/
      display: flex;
      flex-wrap:wrap;
      margin-left:20px;
      margin-right:20px;
    
    }
    
    .abouttoptext{      /*1ST TEXT BOX*/
      width:100%;
      display:flex;
      flex-direction:column;
      margin-top:30%;
    }
    
    .textquotebox{
      margin-left:30px;
      margin-right:50px;
      align-items:center;
    
    }
    
    .textquote{
      text-align:center;
      line-height:30px;
      font-size:14px;
    
    }
    
    .abouttopic{   /*1ST IMAGE*/
      width:100%;
      display:flex;
    }
    
    .abouttopic img{
      width:100%;
      height: 550px;
      object-fit:cover;
    }
    
    
    .aboutmiddletext{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
    
      width:100%;
      display:flex;
      flex-direction:column;
      margin-left:30px;
      margin-right:30px;
      margin-top:20%;
    }
    
    .textmiddlebox{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
      margin-top:50px;
      margin-bottom:50px;
      align-items:center;
    }
    
    .textmiddletitle{  /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
          font-weight:bold;
          font-size:18px;
          text-align:center;
          margin-bottom:10px;
    }
    
    .textmiddleinfo{    /*LAST TWO TEXT BOXS (HOW IT STARTED + THE VISION)*/
      font-size:14px;
      text-align:left;
      line-height:20px;
      margin-left:15px;
      margin-right:15px;
    }

    .shopbutton{
      font-size:14px;
     margin-left:17px;
     color:black

    }
    
.shopbutton:hover{
  color:rgb(13, 48, 13);
}
    
    .middletopic{  /*2ND IMAGE*/
      width:100%;
      display:flex;
    
    }
    
    .middletopic img{
      width:100%;
      height: 550px;
      object-fit:cover;
    
    }
    
    .endtopic{  /*THIRD IMAGE*/
      width:100%;
      display:flex;
    
    }
    
    .endtopic img{
    
      width:100%;
      height: 550px;
      object-fit:cover;
    
    }

    #box1{
      order:2;
    }
    #box2{
      order:1;
    }
    #box3{
      order:3;
    }
    
    #box4{
      order:4;
    }
    
    .topareashop{
      position:relative;
      width:100%;
  }
  .shoppicfirst{
    width:100%;
    display:flex;
    margin-top:50px;
  }
  
  .shoppicfirst img{
    width:100%;
    height:600px;
    object-fit:cover;
    object-position:top;
  
  }
  
  .shoppictext{
    position:absolute;
    right:5%;
    bottom:-70px;
    text-align:center;
    color:black;
    font-size:100px;
    font-style:italic;
    /* font-family; */
  }
  
  .droptextcontainer{
    width:100%;
    display:flex;
    flex-direction:column;
  }
  
  
  .droptextbox{
    margin-top:180px;
    margin-left:250px;
    margin-right:250px;
    margin-bottom:80px;
    align-items:center;
  }
  
  .droptext{
    text-align:center;
    line-height:30px;
    font-size:16px;
    /* font-family: */
  }

  .silverrings{
    width:100%;
    display:flex;
    justify-content:center;
  }
  
  .silverrings img{
    width:50%;
    height:700px;
    object-fit:cover;
    border-radius:40px;
    object-position:bottom;
  }
 
  .silverringpricebox{
    margin: 0 auto;
    margin-top:20px;
    }
    
    .silverringprice{
      text-align:center;
      line-height:28px;
      font-size:17px;
    }

    .oceanpic{
      width:100%;
      display:flex;
      margin-top:60px;
    }
    
    .oceanpic img{
      width:100%;
      height:450px;
      object-fit:cover;
    }

    .goldearrings{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      margin-top:80px;
      flex-wrap:wrap;
    }
    
    .goldearrings img{
      width:90%;
      height:300px;
      object-fit:cover;
      object-position:0px 70%;
      border-radius: 20px;
    }
     
    
    .goldearringstextbox{
      display:flex;
      flex-direction:column;
      text-align: center;
      line-height: 24px;
      font-size: 14px;
      margin-top:15px;
    }

    .mountains{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      margin-top:60px;

      flex-wrap:wrap;
    }
    
    .mountains img{
      width:95%;
      height:550px;
      object-fit:cover;
    }

    .shoptwohoops{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      margin-top:80px;
      flex-wrap:wrap;
    }
    
    .shoptwohoops img{
      width:90%;
      height:300px;
      object-fit:cover;
      object-position:bottom;
      border-radius:20px;
    }
    
    .twohoopstextbox{
      display:flex;
      flex-direction:column;
      text-align: center;
      line-height: 24px;
      font-size: 14px;
      margin-top:15px;
     
    }

    .recycleboxes{
      display:flex;
      align-items:center;
      justify-content: center;
    }
    .recycleandearn{
      width:95%;
      height:600px;
      margin-top:70px;
      padding-top:150px;
      padding-right:20px;
    
    }
    
    .recyclesmall{
      font-size:11px;
      margin-bottom:15px;
    }
    
    .recycletitle{
      font-size:25px;
      font-weight:bold;
      margin-bottom:30px;
    }
    
    .recyclepara1{
      font-size:15px;
      line-height:20px;
      margin-bottom:15px;
    }
    
    .recyclepara2{
      font-size:15px;
      line-height:20px;
      margin-bottom:25px;
    }
    
    .toptradetextbox{
      width:50%;
      border:1px solid black;
      text-align: center;
      padding:10px 5px;
    }

    .toptradetextbox:hover{
  background-color:white;
}
    
    .toptradetext{
      color:black;
  text-decoration:none;
      font-size:14px;
    }
    
    .fruitearrings{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      margin-top:70px;
      flex-wrap:wrap;
    }
    
    .fruitearrings img{
      width:95%;
      height:600px;
      object-fit:cover;
    }

    
.benefittitle{
  margin-top:90px;
  margin-bottom:65px;
}

.benefittext{
  font-size:30px;
  font-weight:bold;
  text-align:center;
  line-height:45px;
}

.benefitpara{
  border-radius:10px;
  padding:20px;
  width:80%;
  height:160px;
  align-items: center;
  margin-bottom:45px;
  

}

.infotitle{
  margin-top:10px;
    text-align:center;
    margin-bottom:10px;
}

.infobody{
  text-align:center;
  line-height:22px;
}

.stackedsilverrings{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:70px;
  margin-bottom:20px;
}

.stackedsilverrings img{
  width:100%;
  height:400px;
  object-fit:cover;
}

.recycleboxes1{
  display:flex;
  flex-direction:column;
  justify-content: center;
  flex-wrap:wrap;
}

.howitworks{               /*SECTION 1*/
  text-align:center;
  margin-top:50px;
  font-size:25px;
  font-weight:bold;
  text-decoration:underline;
}


.howitworksinfo{   
  text-align:center;
                                              /*SECTION 2*/
  margin-top:40px;
  margin-left:20px;
  margin-right:20px;
}

.titlelist{

  font-size:17px;
  margin-bottom:10px;
}

.infolist{
  font-size:14px;
  line-height:20px;
}

.bottomtradebox{
  text-align:center;
  margin-top:75px;
  margin-bottom:20px;
  padding:25px;
  border-radius:35px;
  background-color:white;
}

.bottomtradebox:hover{
  background-color:rgba(84, 124, 99, 0.685);
}

.bottomtradetext{
  color:black;
  text-decoration:none;
  font-size:20px;
}

.bottomtradetext:hover{
  color:black;
}
.boatimg{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:20px;
}

.boatimg img{
  width:100%;
  height:650px;
  object-fit:cover;
}

.ourpiercingstudio{
  text-align:center;
  margin-left:250px;
  margin-right:250px;
  margin-top:35px;
}  

.studiotitle{
    font-size:22px;
}

.studioinfo{
    margin-top:20px;
    line-height:20px;
    font-size:13px;
}

.studiolocation{
  text-align:center;
  margin-top:30px;
  line-height:20px;
  font-size:13px;

}

.openinghours{
text-align:center;
margin-left:50px;
margin-right:50px;
margin-top:30px;
margin-left:250px;
margin-right:250px;
}

.studiohours{
font-size:18px;
}

.bookapp{
  display:flex;
  align-items: center;
  justify-content: center;
  width:100%;
 }

 .bookapptext{
  color:black;
  text-decoration:none;
   text-align:center;
   border-radius:30px;
   background-color:white;
   margin-top:35px;
   padding:15px 30px;
 }
 .bookapptext:hover{
  color:rgb(13, 48, 13)
}


.twostudiopics{
 width:100%;
   display:flex;
   justify-content:center;
   align-items:center;
   margin-top:80px;
 }
 
 .twostudiopics img{
   width:80%;
   height:600px;
   object-fit:cover;
   border-radius:40px;
 }


 .pricing{
     text-align:center;
     margin-top:270px;
     font-size:22px;
 }

 .pricetitle{
   font-weight:bold;
   font-size:22px;
 }

 .pricinginfo{
 margin-top:20px;
 font-size:14px;
 line-height:30px;
 }

 .pricenote{
   display:flex;
   justify-content: center;
   align-items:center;
   width:100%;
 }

 .pricenotetext{
   margin-top:15px;
   text-align:center;
   font-size:13px;
   margin-left:30px;
   margin-right:30px;
   line-height:15px;
}
 
.bookinganapptext{
 margin-top:20px;
 text-align:center;
 font-size:14px;
 margin-left:40px;
 margin-right:40px;
 line-height:22px;
 margin-bottom:15px;
}

.booknowtext{
  color:black;
  text-decoration:none;
  font-size:16px;
}

.booknowtext:hover{
  color:rgb(13, 48, 13)
}

.haveaquestion{
  display:flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
  margin-top:80px;
  margin-bottom:30px;
}
.questioncontent{
  width:40%;
  text-align:center;
  border-radius:20px;
  background-color:white;
  padding:20px 5px;

}


.questiontext{
  font-size:18px;
}

.questioninfo{
margin-top:15px;
margin-bottom:10px;
font-size:12px;
}

.questionunderline{
  color:black;
  font-size:13px;
  text-decoration:underline;

}

.questionunderline:hover{
  color:rgb(182, 29, 55);
}

#firstbox{
  order:2;
}

#secondbox{
  order:1;
}

#thirdbox{
order:3;
}

#fourthbox{
order:4;
}

#fifthbox{
order:5;
}

  .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%;
  }
}