h1,p {
	opacity: 0;
  hyphens: auto;
}

html, body {
  height: 100%;
}

body {
  background: #000;
  background-size: 100%;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

.btn {
  display: inline-block;
  padding: 15px 30px;
  border: 2px solid #FF7F50;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #FF7F50;
  text-decoration: none;
  z-index: 15;
  -webkit-transition: all 0.4s;
     -moz-transition: all 0.4s;
       -o-transition: all 0.4s;
          transition: all 0.4s;
}
.btn:hover {
  color: #fff;
  border-color: #fff;
}

@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap') repeat scroll 0 0 rgba(0, 0, 0 , 0);

.wrapper {
  background: url("https://res.cloudinary.com/kasumovic-ch/image/upload/v1610910289/bg_r0ddbi.jpg");
  perspective: 5000px;
  height: 100%;
  perspective-origin: 70% 70%;
  animation: animation 100s linear infinite;
}

@keyframes animation {
   100%{
    background-position:0px -3000px;
  }
}

small {
  margin-bottom: 10px;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }