@media screen and (min-width:800px){
.bg-img {
  /* The image used */
  background-image: url("./BG.png") !important;

  min-height: 100vh;
  width: auto;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
}

@media screen and (max-width:800px){
.bg-img {
  /* The image used */
  background-image: url("./bg_mble.png") !important;

  min-height: 100vh;
  width: auto;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
}

.text-green {
  color: #117366 !important;
}

.bg-green-dark {
  background-color: #117366 !important;
}

.bg-green-light {
  background-color: #AEEBE4 !important;
}

input::placeholder {
  color: #117366 !important;
}

@media screen and (max-width:800px){
    .line-ht{
        line-height: 2.75rem !important;
    }
}

/*.roller{*/
/*  height: 1.75rem !important;*/
/*  line-height: 4rem !important;*/
/*  position: relative !important;*/
/*  overflow: hidden !important; */
/*  width: 100% !important;*/
/*  color: #117366 !important;*/
/*	top: -28px !important;*/
/*	left: 16% !important;	*/
/*}*/

/*.roller #rolltext {*/
  /* background-color: aqua !important; */
/*  margin-left: 42px !important;*/
/*	text-align: left !important;*/
/*  position: absolute !important;*/
/*  top: 0;*/
/*  animation: slide 7s linear infinite;  */
/*}*/

/*@keyframes slide {*/
/*  0% {*/
/*    transform: translateY(0);*/
/*  }*/
/*  100% {*/
/*    transform: translateY(-100%);*/
/*  }*/
/*}*/

/* Scroller styling */
.scroller {
  height: 1.2em;
  line-height: 1.2em;
  position: relative;
  overflow: hidden;
  width: 10em;
  top: -28px !important;
  left: 27% !important;
}
.scroller > span {
  position: absolute;
  top: 0;
  animation: slide 6s infinite;
  font-weight: bold;
}
@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: -1.2em;
  }
  50% {
    top: -2.4em;
  }
  75% {
    top: -3.6em;
  }
}