
        html,
body {
  height: 100%;
}

header {
  overflow: hidden;
  padding: 50px 10px;
}
#page-content {
  flex: 1 0 auto;
}

.copyright{
        color: gray;
    font-size: 0.7rem;
}

#sticky-footer {
  flex-shrink: none;
}



.btn:hover {
  background-color: #7252bb;
  color: white;
}

.btn {
  background-color: #7252bb;
  color:white;
}

.previous {
  background-color: #7252bb;
  color: black;
}

.next {
  background-color: #7252bb;
  color: white;
}

.round {
  border-radius: 50%;
}

@media (max-width: 769px) {
  .mobile{
      position:relative;
      
  }
  .escritorio{
      background-image:url('../images/Back_encuesta_Psicocentro.jpg');background-repeat: no-repeat; /* Este es el codigo para el background para mobile */
    background-size: auto;font-family: 'Roboto', sans-serif;
  }
   .mobile2{
      display:none;
      
  }
  .mobileMargen{
      position: relative;
    top: 0% !Important;
  }
  
  .bg-dark {
    background-color: transparent !important;
}

.h1, h1 {
    font-size: 2.0rem;
    color:grey;
}

.textoMobile{
    left: 19% !important;
    font-size: 1.5rem !important;
}

.questionMobile{
    left: 19% !important;
    font-size: 1.5rem !important;
}


}

@media (min-width: 768px) {
  .mobile{
      display:none;
      
  }
  .escritorio{
      background-image:url('../images/Back_encuesta_Psicocentro.jpg');background-repeat: no-repeat; /* Este es el codigo para el background para mobile */
    background-size: cover;
    
  }
  
  .fixed-top {
    top: 0px !important;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bg-dark {
    background-color: transparent !important;
}
  
}

