/* .navbar-custom {
    background: #fff !important;
} */

.as-mcontent {
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #fff;
  text-align: left;
  height: 100%;
}

.as-mclose {
  width: 45px;
  height: 45px;
  position: absolute;
  top: 15px;
  opacity: 0.7;
  right: 20px;
  display: grid;
  place-items: center;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 99999;
}

.as-mclose svg {
  width: 18px;
  height: auto;
}

.as-mclose path {
  fill: #fff;
}

#back-to-top:hover {
  background: #018a8c;
}

.as-link {
  position: relative;
  color: rgba(255, 255, 255, 0.85);
  transition: color 400ms, opacity 200ms, transform 500ms,
    background-color 1000ms;
}

.as-link:hover {
  text-decoration: none;
  color: #fff;
}

.as-link::after {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  border-bottom: 0.1rem solid #fff5;
}

.as-link::before {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  border-bottom: 0.2rem solid #fff;
  transform-origin: right;
  transform: scalex(0);
  transition: transform 400ms;
}

.as-link:hover::before {
  transform: scalex(1);
  transform-origin: left;
}

.navbar-toggle {
  background: #018a8c;
}

.navbar-custom {
  background-color: rgb(0 51 51 / 60%);
}

.bg-blue {
  background: #018a8c !important;
}

.bg-blue-dark {
  background: #000b55 !important;
}

.bg-black {
  background: #000 !important;
}

.bg-white {
  background: #fff !important;
}

.big-title {
  font-weight: 200;
  margin-bottom: 45px;
  font-size: 100px !important;
}

.title-maizing.mega-big-title {
  font-weight: 200;
  margin-bottom: 45px;
  font-size: 190px !important;
}

.blue {
  color: #018a8c !important;
}

.blue-dark {
  color: #000b55 !important;
}

.section {
  padding: 18rem 0 18rem 0;
  background: #018b8c;
  background: -webkit-radial-gradient(center, #018b8c, #011818);
  background: -moz-radial-gradient(center, #018b8c, #011818);
  background: radial-gradient(ellipse at center, #018b8c, #011818);
  background-size: cover;
  background-attachment: fixed;
}

.section-brown {
  background: #655d4d;
  background: -webkit-radial-gradient(center, #655d4d, #191713);
  background: -moz-radial-gradient(center, #655d4d, #191713);
  background: radial-gradient(ellipse at center, #655d4d, #191713);
  background-size: cover;
  background-attachment: fixed;
}

#menu_creas {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* #menu_technologies */

.container-small {
  max-width: 600px;
  margin: 0 auto;
}

.container-large {
  max-width: 1400px;
  margin: 0 auto;
}

p {
  font-family: 'Alegreya Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.p_big {
  font-size: 2rem;
}

.p_bold {
  font-weight: 900;
}

.as-title {
  text-align: center;
  font-weight: 400;
  margin-bottom: 4rem;
  font-size: 4.5rem;
}

.as-title-mb2 {
  margin-bottom: 2rem;
}

.as-sep-border {
  width: 20rem;
  height: 3px;
  background-color: #fff5;
  margin: 0 auto;
}

.as-sep {
  height: 20rem;
}

.mb-10rem {
  margin-bottom: 10rem;
}

#menu_qui {
  min-height: 80vh;
  width: 100%;
  background: url(as_assets/bg_qui.jpg) no-repeat 0 0 / cover;
  background-size: cover;
  /* background-attachment: fixed; */
}

#menu_qui h2 {
  margin-top: 0;
  text-align: center;
  margin-bottom: 5rem;
}

#menu_qui2 {
  min-height: 100vh;
  width: 100%;
  background: rgb(21, 20, 34) url(as_assets/bg_qui.jpg) no-repeat fixed
    center top / cover;
  background-size: auto 100vh;
  background-attachment: unset;
}

#menu_qui2 h2 {
  margin-top: 0;
  text-align: center;
  margin-bottom: 5rem;
}

.bg-change {
  min-height: 70vh;
  width: 100%;
  background: rgb(21, 20, 34) url(as_assets/bg_change.jpg) no-repeat fixed
    center top / cover;
  /* background-size: cover;
  background-attachment: fixed; */
}

.bg-change2 {
  min-height: 70vh;
  width: 100%;
  background: rgb(21, 20, 34) url(as_assets/bg_change.jpg) no-repeat fixed
    center top / cover;
  background-size: auto 100vh;
  background-attachment: unset;
}

.bg-techno {
  min-height: 50vw;
  width: 100%;
  background: #fff url(as_assets/bg_techno.jpg) no-repeat fixed center center;
  background-size: contain;
  background-attachment: fixed;
}

.bg-techno2 {
  min-height: 70vh;
  width: 100%;
  background: #fff url(as_assets/bg_techno.jpg) no-repeat fixed
    center top / cover;
  background-size: auto 100vh;
  background-attachment: unset;
}

/* #menu_qui {
    width: 100%;
    background: rgb(21, 20, 34);
    padding-bottom: 3rem;
}
.menu_qui_bg {
    min-height: 80vh;
    background: rgb(21, 20, 34) url(as_assets/bg_qui.jpg) bottom center no-repeat;
    background-size: cover;
} */

.grid-quoi {
  margin: 6rem 0 4rem;
}

.grid-quoi > * img {
  max-width: 160px;
  margin-bottom: 3rem;
}

.card_list {
  font-family: 'Alegreya Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
}

.img-grid {
  display: grid;
  margin: 5rem auto 0;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(150px, auto);
  gap: 10px;
}

.as-img-portfolio {
  position: relative;
  overflow: hidden;
}

.as-img-portfolio::before {
  content: ' ';
  position: absolute;
  inset: 0;
  z-index: 1;
  /* opacity: 0.4; */
  background-color: rgba(0, 0, 0, 0.267);
  transition: background-color 500ms;
}

.as-img-portfolio:hover::before {
  /* opacity: 0; */
  background-color: rgba(0, 0, 0, 0);
}

.as-img-portfolio img {
  width: 100%;
  aspect-ratio: 1/1;
  transform: scale(1);
  transition: transform 500ms;
}

.as-img-portfolio:hover img {
  transform: scale(1.05);
}

.as-img-portfolio span {
  position: absolute;
  /* bottom: 0;
    left: 0;
    right: 0; */
  z-index: 2;
  inset: auto 5px 0;
  color: #fff;
}

.ref-grid {
  display: grid;
  margin: 0 auto;
  /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
  grid-template-columns: repeat(4, 1fr);
  /* grid-auto-rows: minmax(150px, auto); */
  gap: 30px;
  padding: 0 10rem;
}

.ref-grid li {
  position: relative;
  font-family: 'Alegreya Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
  margin-top: 0;
  padding-left: 1rem;
}

.ref-grid li:before {
  content: '·';
  font-size: 2.4rem;
  position: absolute;
  left: 0;
}

.ref-grid li.no-bullet:before {
  content: '';
}

.ref-grid li.text-light {
  font-weight: 400;
}

@media (max-width: 1400px) {
  .ref-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .ref-grid {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 4rem;
  }
}

.icon-bref {
  background: #018a8c !important;
  width: 100%;
  height: 100px;
}

.icon-bref-2 {
  background: #018a8c !important;
  padding: 20px;
  min-height: 100px;
  width: 100px;
  float: left;
  border-radius: 20px;
  margin-right: 30px;
  margin-bottom: 50px;
}

.as-row-icon .col-md-4 {
  margin-bottom: 50px;
}

.row-icon {
  text-align: left;
}

.tp-bullet.selected,
.tp-bullet:hover {
  display: none;
  background: #018a8c !important;
}

.container-expand {
  width: 100%;
  cursor: pointer;
}

.container-expand div {
  width: 100%;
}

.container-expand .header {
  background-color: #d3d3d3;
  padding: 2px;
  cursor: pointer;
  font-weight: bold;
}

.container-expand .content-expand {
  display: none;
  padding: 5px;
}

.container-expand .content-expand,
.container-expand .content-expand p {
  text-align: justify;
}

.hide {
  display: none;
}

/* #footer a:hover {
    font-weight: bold;
    color: #fff;
} */

.tab-wrap {
  border: 0;
}

.nav-tabs {
  border-bottom: transparent;
  border: 1px solid #e6e6e6;
}

/* .se-pre-con {
    background: url(ajax-loader.gif) center no-repeat #fff;
} */
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgb(0 92 93);
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loader {
  /* position: absolute;
    left: 45%;
    top: 30vh;
    margin: 75px auto;
    width: 150px;
    height: 150px;
    display: block;
    overflow: hidden; */
}

.loader div {
  height: 100%;
}

.loader1,
.loader1 div {
  border-radius: 50%;
  padding: 8px;
  border: 2px solid transparent;
  -webkit-animation: rotate linear 3.5s infinite;
  animation: rotate linear 3.5s infinite;
  border-top-color: rgba(255, 255, 255);
  border-bottom-color: rgb(63 200 202);
}

a:hover,
a:focus {
  color: #636363;
  text-decoration: underline;
}

body {
  font-family: 'Alegreya Sans SC', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Julius Sans One', sans-serif;
}

.section.not-last {
  padding: 110px 0 0 0;
  background: #4d4d4d;
}

nav#footer {
  background-color: #000;
  color: #fff;
  padding: 65px 0 0 0;
}

.section,
.section p.para,
.section p,
.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section div {
  color: #fff;
}

/* 
.title-maizing {
    font-weight: 200;
    margin-bottom: 45px;
    font-size: 40px;
}
.title-maizing {
    font-weight: 200;
    margin-bottom: 45px;
    font-size: 40px;
} */

.small-margin-bottom {
  margin-bottom: 15px !important;
}

.sub-title {
  /*font-size: 24px;*/
  font-size: 22px;
  font-weight: 500;
}

/* 
.title-maizing-small {
    font-weight: 200;
    margin-bottom: 45px;
    font-size: 30px;
}

.title-maizing .blanc,
.title-maizing .orange {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: contain;
} */

.contenair-ajust {
  padding: 0 50px;
}

.logo-baseline {
  color: #fff;
  margin: 21px 0 0 10px;
  display: inline-block;
}

.navbar-nav > li > a {
  font-family: 'Alegreya Sans SC', sans-serif;
  font-weight: 300;
}

/*,.navbar-nav > li:hover > a, .navbar-nav > li > a:focus*/

.navbar-nav > li.active > a {
  color: #fff;
  font-weight: 600;
  background: #018a8c !important;
}

.navbar-nav > li:hover > a,
.navbar-nav > li > a:focus {
  background: #018a8c;
  color: #12212f;
}

.nav > li.menulang {
  padding-left: 20px;
}

.nav > li.menulang > a {
  display: inline-block;
  padding: 13px 0;
  font-size: 11px;
  font-weight: 100;
}

.navbar-nav > li.menulang:hover > a,
.navbar-nav > li.menulang > a:focus {
  background: transparent;
  color: #fff;
}

.nav > li.menulang .menulang-separator {
  display: inline-block;
  padding: 0;
  font-size: 11px;
  color: #fff;
}

.as-slider-title-1 {
  color: #fff;
  font-family: 'Julius Sans One', sans-serif;
  font-size: 100px;
  font-style: normal;
  line-height: 130px;
  padding: 10px 0;
  text-decoration: none;
  text-transform: uppercase;
}

.as-trademark {
  font-family: 'Julius Sans One', sans-serif;
  font-style: normal;
  font-size: 0.5em;
  position: relative;
  top: -0.8em;
}

.as-trademark:before {
  content: '®';
  right: 1em;
}

.as-copyright {
  font-family: 'Julius Sans One', sans-serif;
  font-style: normal;
  font-size: 0.5em;
  position: relative;
  top: -0.8em;
}

.as-copyright:before {
  content: '©';
  right: 1em;
}

.cbp-l-filters-alignRight .cbp-filter-item {
  color: #fff;
  cursor: pointer;
  font: 400 14px/29px 'Puritan', sans-serif;
  /*border: 1px solid transparent;*/
  /*display: block;*/
}

.cbp-filter-counter {
  display: none;
}

.cbp-l-caption-alignCenter .cbp-l-caption-body {
  background-color: #eb684a;
}

.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
  font-weight: bold;
  background-color: #eb684a;
}

.cbp-l-filters-alignRight .cbp-filter-item:hover {
  font-weight: bold;
  color: #fff;
}

.about-ag-b {
  background: url(about.jpg) scroll top center / contain no-repeat;
  height: 500px;
}

.title-maizing,
.title-maizing-blanc {
}

#menu_agency {
  background: url(agence.jpg) repeat fixed 0 0 / cover;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  padding: 110px 0;
  font-size: 18px;
}

#menu_clef {
  background: url(clef.jpg) repeat fixed 0 0 / cover;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  padding: 110px 0;
  font-size: 18px;
}

.about-i p {
  margin-left: 0;
}

.about-text {
  padding-left: 55px;
}

.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
}

#contact {
  background: #4d4d4d;
}

#contact .form-control {
  border-bottom: 2px solid #fff;
}

.form-control {
  color: #000;
  border: 1px solid #fff;
}

#contact .form-control:focus {
  border: 1px solid #ccc;
}

.button-send {
  color: #fff;
  background: #018a8c;
}

#contact form {
  padding: 50px 0;
}

.footer-bottom {
  background: #000;
}

.f-b {
  text-transform: initial;
  font-family: 'Alegreya Sans', sans-serif;
}

.title-maizing,
.title-maizing-blanc {
  color: #fff;
  font-weight: 200;
  margin-bottom: 45px;
  font-size: 45px !important;
}

.title-maizing-small {
  font-weight: 200;
  margin-bottom: 45px;
  font-size: 30px !important;
}

.about-text {
  vertical-align: top;
}

.img-responsive2 {
  background: url(about2.jpg) scroll top center / contain no-repeat;
  height: 500px;
}

.modal-content.new-style {
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #fff;
  text-align: left;
}

.modal-content.new-style a {
  text-decoration: underline;
}

.modal-content.new-style a:hover {
  color: #ccc;
}

.close-animatedModal {
  text-align: right;
}

.closebt {
  padding: 10px;
}

.about-text2 {
  height: auto;
}

.navbar-nav {
  /*overflow-y: scroll;*/
}

#counter {
  color: #fff;
}

#counter .count.counter1 {
  font-size: 60px;
  font-weight: bold;
  color: #fff;
}

#counter .count.counter2 {
  font-size: 100px;
  font-weight: bold;
  color: #fff;
}

#counter .count.counter3 {
  font-size: 180px;
  font-weight: bold;
  color: #fff;
}

#counter .date {
  font-size: 25px;
  margin-bottom: 30px;
  z-index: 99;
}

.as-marketplace-img {
  width: 100%;
  max-width: 1000px;
  padding-left: 150px;
  padding-top: 100px;
}

@media (max-width: 1200px) {
  .about-text {
    padding-left: 15px;
  }
}

@media (max-width: 1040px) {
  #menu_agency {
    background: url(agence.jpg) repeat fixed center 0 / cover;
  }

  .about-ag-b {
    height: 400px;
  }

  .about-text {
    height: auto;
    padding-bottom: 100px;
  }

  .about-text2 {
    padding-bottom: 0;
  }
}

.navbar-brand > img {
  display: inline-block;
}

.as-logo {
  max-height: 45px;
}

.as-logo-1 {
  transform: rotate(90deg) scaleX(-1);
  transition: all 300ms;
}

.as-logo-1-anim {
  transform: rotate(0deg) scaleX(1);
}

.as-logo-2 {
  transition-property: translateX;
  transform: translateX(-30px);
  opacity: 0;
  transition: all 600ms;
}

.as-logo-2-anim {
  transition-delay: 250ms;
  transform: translateX(0);
  opacity: 1;
}

.as-logo-3 {
  transform: translateX(-30px);
  opacity: 0;
  transition: all 600ms;
}

.as-logo-3-anim {
  transition-delay: 500ms;
  transform: translateX(0);
  opacity: 1;
}

.glightbox-clean .gclose {
  width: 45px;
  height: 45px;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
  display: none;
}

@media (max-width: 980px) {
  /*.tp-bgimg {
        background-image: url(slide3_phone.jpg) !important;
    }*/
  .section-bg {
    background-attachment: scroll !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  #bg_entrepot {
    background-size: cover;
  }

  .as-logo {
    max-width: 200px;
  }

  .as-title-contact {
    font-size: 4.5rem !important;
    margin-bottom: 0;
  }

  .as-row-icon .col-md-4 {
    clear: both;
  }

  .as-marketplace-img {
    padding-left: 0;
    padding-top: 40px;
  }

  .title-maizing.mega-big-title {
    font-size: 80px !important;
  }

  .big-title {
    font-size: 50px !important;
  }

  .section {
    padding: 40px 0;
  }

  .about-text {
    padding-left: 0;
    padding-bottom: 30px;
    height: auto !important;
  }

  .logo-baseline {
    vertical-align: top;
  }

  .navbar-brand {
    height: auto;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    /*position: relative;*/
    position: absolute;
  }
}

@media (max-width: 768px) {
  .as-chiffre-bloc {
    margin-bottom: 70px;
  }

  .service_section .col-md-3 {
    width: 50%;
    float: left;
    height: 460px;
  }

  .title-maizing,
  .title-maizing-blanc {
    font-size: 30px !important;
  }

  .title-maizing-small {
    font-size: 20px !important;
  }

  .title-maizing .orange {
    background: url(exclamation_orange) bottom center no-repeat;
    background-size: 30% 80%;
  }

  .title-maizing .blanc {
    background: url(exclamation_blanc.png) bottom center no-repeat;
    background-size: 30% 80%;
  }

  #menu_agency {
    background: url(agence.jpg) repeat scroll center top / cover;
  }

  #menu_clef {
    background: url(clef.jpg) repeat scroll center top / cover;
  }

  .nav > li.menulang {
    padding-left: 0;
  }

  .img-responsive2,
  .about-ag-b {
    max-height: 280px;
  }

  .about-ag-b {
    max-height: 280px;
  }

  .img-responsive1 {
    max-height: 236px;
  }

  .about-i.section {
    padding: 0;
  }

  .service_section h4 {
    font-size: 15px;
  }

  .service_section p {
    line-height: 18px;
    font-size: 12px;
  }

  .modal-content .title-maizing {
    font-size: 16px !important;
    margin: 70px 0 0;
    color: #fff;
    font-weight: bold !important;
  }

  .col-center {
    padding: 0 50px;
  }
}

@media (min-width: 768px) {
  .navbar-custom.top-nav-collapse {
    background: rgb(0 94 95 / 40%);
  }

  .navbar-custom {
    background: rgb(0 94 95 / 40%);
  }

  .service_section .col-md-3 {
    width: 25%;
    float: left;
  }
}

.tp-leftarrow.tparrows,
.tp-rightarrow.tparrows {
  display: none;
}

/*iPad in landscape*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .logo-baseline {
    text-align: left;
    margin: 0;
    font-size: 11px;
    position: absolute;
    top: 42px;
    left: 47px;
  }

  .navbar-custom.top-nav-collapse {
    background: #636363;
  }

  #menu_agency {
    background: url(agence.jpg) repeat scroll center top / cover;
  }

  #menu_clef {
    background: url(clef.jpg) repeat scroll center top / cover;
  }

  .top-nav-collapse {
    background: #636363 !important;
  }

  .about-ag-b {
    height: 400px;
  }
}

/*iPad in portrait*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .logo-baseline {
    margin: 22px 0 0 10px;
  }

  .navbar-custom.top-nav-collapse {
    background: #636363;
  }

  #menu_clef {
    background: url(clef.jpg) repeat scroll center top / cover;
  }

  .navbar-custom.top-nav-collapse {
    background: #636363;
  }
}

.as-slidebg-small {
  display: none;
  opacity: 0;
}

@media (max-width: 992px) {
  .as-slidebg {
    display: none;
  }

  .as-slidebg-small {
    display: block;
  }

  .bg-change {
    min-height: 70vw;
    background-size: contain;
    background-position: center bottom;
  }

  .grid-quoi > * {
    width: 50%;
    float: left;
    text-align: center;
  }

  .bg-techno {
    background-size: contain;
    background-position: center center;
    background: url(as_assets/bg_techno_small.jpg) no-repeat;
    /* background-attachment: fixed; */
    /* overflow: hidden;
    -webkit-overflow-scrolling: touch; */
  }

  .bg-techno2 {
    background-image: url(as_assets/bg_techno_small.jpg);
  }

  #menu_qui {
    min-height: auto;
    background-size: cover !important;
    background-position: center center;
    background: url(as_assets/bg_qui_small.jpg) no-repeat;
  }

  #menu_qui2 { 
    background-image: url(as_assets/bg_qui_small.jpg);
  }
  .bg-change2 {
    background-image:  url(as_assets/bg_change_small.jpg);
  }
  .section-bg,
  .bg-change,
  .bg-techno #menu_qui {
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
  }
}

@media (max-width: 900px) {
  .navbar-brand > img.as-logo-2,
  .navbar-brand > img.as-logo-3 {
    display: none;
  }
}

@media (max-width: 768px) {
  .as-title {
    margin-bottom: 3rem;
    font-size: 3rem;
  }

  #menu_qui {
    background-position: right center;
  }

  #menu_qui h2 {
    margin-bottom: 2rem;
  }
  #menu_qui2 h2 {
    margin-bottom: 2rem;
  }
  p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }

  .phone-padding {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .navbar-brand > img.as-logo {
    margin-top: 10px;
    max-height: 35px;
  }

  .navbar > .container-fluid .navbar-brand,
  .navbar-custom .navbar-brand {
    text-align: left;
    margin-top: 0;
  }

  .img-grid {
    grid-template-columns: 1fr 1fr;
  }
  .bg-techno {
    background-size: contain;
    background-position: center center;
    min-height: 70vh;
    /* background-size: cover;
    background-position: right center; */
  }
}

@media (max-width: 500px) {
  .bg-change {
    min-height: 70vw;
  }
}