@font-face {
  font-family: Magneto;
  src: url("../fonts/magnetob.ttf");
}

body {
  color: #fff;
}

.white-glass {
  background-color: #ffffff55;
}

.full-height {
  min-height: 100vh;
}

.center-items {
  display: flex;
  align-items: center;
}

.clip-background {
  background-image: url("../images/background.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  color: transparent;
  transform: translate(0%, 0%);
}

.clip-background-no {
  color: #fff;
}

.magneto-font {
  font-family: 'Magneto', cursive;
}

@media (max-width: 575.98px) {
  .display-1 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.0;
  }

  .display-2 {
    font-size: 2.75rem;
    font-weight: 300;
    line-height: 1.0;
  }

  .display-3 {
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 1.0;
  }

  .display-4 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.0;
  }

}

.background {
  background: linear-gradient(0deg, #0b8793 25%, #360033 75%), url("../images/background.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: screen;
}

.text-muted {
  color: #fff !important;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #fff;
  background-color: transparent;
}

.btn-outline-primary {
  color: #fff;
  background-color: transparent;
  background-image: none;
  border-color: #fff;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
  color: #8a8a8a;
  background-color: #fff;
  border-color: #8a8a8a;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #8a8a8a;
  background-color: #fff;
  border-color: #8a8a8a;
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
}

.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(255,255,255,.5);
}

.btn-no-border {
  border: 0;
  border-radius: 45px;
}

.big-icon {
  font-size: 3em;
  line-height: 1.5;
}

.fa-bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 1s infinite linear;
  -o-animation: bounce 1s infinite linear;
  -webkit-animation: bounce 1s infinite linear;
  animation: bounce 1s infinite linear;
}

@-webkit-keyframes bounce {
  0% { top: 0.25em; }
  50% { top: -0.0em; }
  70% { top: -0.05em; }
  100% { top: 0.25em; }
}
@-moz-keyframes bounce {
  0% { top: 0.25em; }
  50% { top: -0.0em; }
  70% { top: -0.05em; }
  100% { top: 0.25em; }
}
@-o-keyframes bounce {
  0% { top: 0.25em; }
  50% { top: -0.0em; }
  70% { top: -0.05em; }
  100% { top: 0.25em; }
}
@-ms-keyframes bounce {
  0% { top: 0.25em; }
  50% { top: -0.0em; }
  70% { top: -0.05em; }
  100% { top: 0.25em; }
}
@keyframes bounce {
  0% { top: 0.25em; }
  50% { top: -0.0em; }
  70% { top: -0.05em; }
  100% { top: 0.25em; }
}