.types{
position: relative;
}
.type_name{
  position: absolute;
  left: 20px;
  top: 15px;
  color: #fff;
  z-index: 1;
  font-size: 17px;
}
.types:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000047;
  left: 0;
  top: 0;
}
.type_name.float-right{
  left: auto;
  right: 20px;
}
.Christian{
  width: 100%;
  height: 800px;
  background-image:url(../img/Christian.jpg);
  background-repeat: no-repeat;
  background-size: cover;background-position: center;
}

.embark{
  width: 100%;
  height: 450px;
  background-image: url(../img/insta/about_us_embark_1.webp);
  background-repeat: no-repeat;
  background-size: cover;background-position: center;
}

.as-heading{
  font-family: "Noto Serif Display", serif;
  font-size: 47px;
  color: #323232;
  margin-bottom: 30px;
}
.loved_perfumes .caption h3{
  font-family: "Noto Serif Display", serif;
    font-size: 25px;
    color: #323232;
    color: #000;
    font-weight: 600;
    margin-top: 20px;
}
.loved_perfumes .caption p{
    font-size: 14px;
    color: #000;
}
.btn-default{
  font-size: 13px;
  color: #fff;
  border: 1px solid #000;
  border-radius: 0; background-color:#000;
  padding: 3px 8px; 
}
.btn-default:hover{
  color: #000;
  border: 1px solid #000;
  background-color: #e6e6e6;
}
.Stories{
  background-image: url('../img/argos-untold-stories.webp');
  background-repeat: no-repeat;
  background-size: cover; box-shadow: 0px 272px 144px 107px #00000047 inset;
}
.Stories h2, .articles h2{
  font-family: "Noto Serif Display", serif;
    font-size: 47px;
    color: #323232;
    font-weight: 800;
    margin-bottom: 30px;
}
.Stories h2{
  text-shadow: 0px 2px 1px #000;
}
.Stories h2 span{
  font-family: "Noto Serif Display", serif;
    font-size: 55px;
}
.articles h2{
  font-size: 55px;
  margin-bottom: 20px;
  font-weight: 400;
}
.know_more_btn{
  color: #bfa12e;
  font-family: "Noto Serif Display", serif;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #bfa12e;
  font-size: 16px;
  transition: all 0.5s;
  padding: 10px 15px;
}
.know_more_btn:hover{
  background: #bfa12e;
  color: #fff;
}
.text-justify{
  text-align: justify;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.words{
  background-color: #000;
  padding: 30px 15px;
  font-family: "Noto Serif Display", serif;
  font-size: 47px;
  font-weight: 400;
  color: #fff;
}
.fs-16{
  font-size: 16px;
}
.logo-black, .scrolled .logo-white{
  display: none;
}
.scrolled .logo-black{
  display: inline-block;
}