/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
}

html,
body {
  min-height: 100%;
  font-family: "Quicksand", sans-serif;
}

body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  background: url(images/lekar_web.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.rgba-gradient {
  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.9), rgba(0, 148, 216, 0.3) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.9), rgba(0, 148, 216 0.3) 100%));
  background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.9), rgb(0, 148, 216, 0.3) 100%);
}

/*.rgba-gradient {
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
    background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%)));
    background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
}*/

/*.rgba-gradient {
    background: -moz-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
    background: -webkit-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
    background: -webkit-gradient(linear, 45deg, from(rgba(42, 27, 161, 0.7)), to(rgba(29, 210, 177, 0.7)));
    background: -o-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
    background: linear-gradient(to 45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  padding: 0 15px;
}

.comming-soon-title {
  /*color: white;*/
}

@media (max-width: 575px) {
  .comming-soon-title {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .comming-soon-title {
    font-size: 4.5rem;
  }
}

@media (min-width: 768px) {
  .comming-soon-title {
    font-size: 5rem;
  }
}

@media (min-width: 992px) {
  .comming-soon-title {
    font-size: 5.5rem;
  }
}

@media (min-width: 1200px) {
  .comming-soon-title {
    font-size: 6rem;
  }
}