/* Extra small devices (phones, 600px and down) */
@media screen and (max-width:600px) {
    
    #imagen{
        background-image: url('img/fondo_pej2025.png'); /* The image used */
        width: 100%;
        height: 100%;
        object-fit: cover;
        background-position: top; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: 300px; /* Resize the background image to cover the entire container */
        /* position:relative; */
        box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
    }
    #textoGob{
        font-size: 36px;
      }
      #imgLogo{
        width: 100%;
        border-radius: 3px;
      }
      h1 #imgLogoGob{
        width: 100%;
      }
      #preForm{
        background-color: rgba(61, 42, 93, 0.9);
      }
}

/* Extra small devices (phones, 600px and down) */
@media screen and (min-width: 899px) {
    #imagen{
        background-image: url('img/fondo_pej2025.png'); /* The image used */
        width: auto;
        height: 100%;
        object-fit: cover;
        background-position: 80% 100%; /* Center the image */
        background-repeat: repeat; /* Do not repeat the image */
        background-size: 300px; /* Resize the background image to cover the entire container */
        /* position:relative; */
        box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
    }
    #textoGob{
        font-size: 20px;
      }
      #imgLogo{
        width: 100%;
        border-radius: 3px;
      }
      #preForm{
        background-color: rgba(61, 42, 93, 0.9);
      }
} 
/* For tablets: */
@media screen and (max-width: 2000px) {
    #imagen{
        background-image: url('img/fondo_pej2025.png'); /* The image used */
        width: 100%;
        height: auto;
        object-fit: cover;
        height: 100%; /* You must set a specified height */
        background-position: 80% 100%; /* Center the image */
        background-repeat: repeat; /* Do not repeat the image */
        background-size: 300px; /* Resize the background image to cover the entire container */
        box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
        }
    #textoGob{
        font-size: 27px;
        }
    #imgLogo{
      width: 100%;
    }
    
}
/* laptops */
@media screen and (min-width: 992px) {
    #imagen{
        background-image: url('img/fondo_pej2025.png'); /* The image used */
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* background-color: #3ee3aff7; */
        height: 100%; /* You must set a specified height */
        background-position: 80% 100%; /* Center the image */
        background-repeat: repeat; /* Do not repeat the image */
        background-size: 300px; /* Resize the background image to cover the entire container */
        /* position:relative; */
        box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
    }
    #preForm{
        border-radius:0px ;
        /* width: 72%; */
        height: auto;
        background-color: rgba(61, 42, 93, 0.9);
      }
      #textoGob{
        font-size: 36px;
      }
      #imgLogo{
        width: 100%;
        border-radius: 3px;
      }
}